/*!
 * SmartAdmin v1.8.2 ()
 * Copyright 2011-2017 
 */
/*!
 * SmartAdmin - Responsive WebApp
 *
 * Copyright 2014 bootstraphunter.com
 * Designed and built with all the love in the world by @bootstraphunt.
 */
/*
 * SMARTADMIN VARIABLES
 * All variables related specifically to the theme starts from here:
 */
/* left side */
/* right side */
/* the color that flashes when you click on the first nav element */
/* the plus icon that appears on the parent nav when expanding and collapsing */
/* these values will only address the first parent in the entire nav */
/* the plus & minus icons */
/* margin top */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.tree {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    min-height: 20px;
}

.tree li {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: relative;
}

.tree ul ul li:hover { background: rgba(0, 0, 0, 0.015); }

.tree li:before,
.tree li:after {
    content: '';
    left: -20px;
    position: absolute;
    right: auto;
}

.tree li:before {
    -moz-transition: "border-color 0.1s ease 0.1s";
    -o-transition: "border-color 0.1s ease 0.1s";
    -webkit-transition: "border-color 0.1s ease 0.1s";
    border-left: 1px solid #999999;
    bottom: 50px;
    height: 100%;
    top: -11px;
    transition: "border-color 0.1s ease 0.1s";
    width: 1px;
}

.tree li:after {
    border-top: 1px solid #999999;
    height: 20px;
    top: 18px;
    width: 25px;
}

.tree li span {
    -moz-border-radius: 5px;
    -moz-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
    -o-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
    -webkit-border-radius: 5px;
    -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
    border: 1px dotted #999999;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 8px;
    text-decoration: none;
    transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
}

.tree li.parent_li > span {
    cursor: pointer;
    padding: 7px;
}

.tree > ul > li:before,
.tree > ul > li::after { border: 0; }

.tree li:last-child::before { height: 30px; }

.tree li.parent_li > span:hover,
.tree li.parent_li > span:hover + ul li span {
    background: #eee;
    border: 1px solid #94a0b4;
    color: #000000;
}

.tree > ul { padding-left: 0px; }

.tree ul ul {
    padding-left: 34px;
    padding-top: 10px;
}

.tree li.parent_li > span:hover {
    background-color: #DF8505;
    border: 1px solid #C67605;
    color: #ffffff;
}

.tree li.parent_li > span:hover + ul li::before { border-left-color: #F89406; }

.tree li.parent_li > span:hover + ul li::after { border-top-color: #F89406; }

.tree li.parent_li > span:hover + ul li span {
    background: #FDDFB3 !important;
    border: 1px solid #FAA937;
    color: #000;
}

/* icons */

.tree .fa.icon-minus-sign:before { content: "\f056" !important; }

.tree .fa.icon-plus-sign:before { content: "\f055" !important; }

/*
 *  Bootstrap Duallistbox - v3.0.5
 *  A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
 *  http://www.virtuosoft.eu/code/bootstrap-duallistbox/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 */

.bootstrap-duallistbox-container .buttons {
    margin-bottom: -1px;
    width: 100%;
}

.bootstrap-duallistbox-container label {
    display: block;
    font-weight: 400 !important;
    margin-top: 0px !important;
}

.bootstrap-duallistbox-container .info {
    display: inline-block;
    font-size: 11px;
    margin-bottom: 5px;
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
    display: none;
    font-size: 10px;
}

.bootstrap-duallistbox-container .box1.filtered .clear1,
.bootstrap-duallistbox-container .box2.filtered .clear2 { display: inline-block; }

.bootstrap-duallistbox-container .move,
.bootstrap-duallistbox-container .remove { width: 60%; }

.bootstrap-duallistbox-container .btn-group .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bootstrap-duallistbox-container select {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .removeall { width: 40%; }

.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn { margin-left: 0; }

.bootstrap-duallistbox-container select {
    height: 300px;
    padding: 0;
    width: 100%;
}

.bootstrap-duallistbox-container .filter {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 31px;
    margin: 0 0 5px 0;
    width: 100%;
}

.bootstrap-duallistbox-container .filter.placeholder { color: #aaa; }

.bootstrap-duallistbox-container.moveonselect .move,
.bootstrap-duallistbox-container.moveonselect .remove { display: none; }

.bootstrap-duallistbox-container.moveonselect .moveall,
.bootstrap-duallistbox-container.moveonselect .removeall { width: 100%; }

/**
 * Bootstrap-Markdown.less
 *
 * @author Taufan Aditya @taufanaditya
 * @copyright 2013-2016 Taufan Aditya
 */

.md-editor {
    border: 1px solid #dddddd;
    display: block;
}

.md-editor > .md-header,
.md-editor .md-footer {
    background: #f5f5f5;
    display: block;
    margin: 0;
    padding: 6px 4px;
}

.md-editor > .md-header > :first-child { margin-left: 0px; }

.md-editor > .md-preview {
    background: #ffffff;
    border-bottom: 1px dashed #dddddd;
    border-top: 1px dashed #dddddd;
    min-height: 10px;
    overflow: auto;
    padding: 10px;
}

.md-editor > textarea {
    background: #eeeeee;
    border: 0;
    border-bottom: 1px dashed #dddddd;
    border-radius: 0;
    border-top: 1px dashed #dddddd;
    box-shadow: none;
    display: block;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 13px;
    /* IE6-9 */
    margin: 0;
    outline: 0;
    outline: thin dotted \9;
    padding: 10px;
    width: 100%;
}

.md-editor > textarea:focus {
    background: #ffffff;
    box-shadow: none;
}

.md-editor.active {
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0;
}

.md-editor .md-controls {
    float: right;
    padding: 3px;
}

.smart-rtl .md-editor .md-controls { float: left; }

.md-editor .md-controls .md-control {
    color: #bebebe;
    padding: 3px 3px 3px 10px;
    right: 5px;
}

.smart-rtl .md-editor .md-controls .md-control {
    left: 5px;
    padding: 3px 10px 3px 3px;
    right: auto;
}

.md-editor .md-controls .md-control:hover { color: #333; }

.md-editor.md-fullscreen-mode {
    background: #fff !important;
    border: 0 !important;
    height: 100%;
    left: 0;
    padding: 60px 30px 15px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.md-editor.md-fullscreen-mode .md-footer { display: none; }

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #999;
    font-size: 20px !important;
    height: 100% !important;
    line-height: 1.6em !important;
    margin: 0 auto !important;
    padding: 20px !important;
    resize: none !important;
}

.md-editor.md-fullscreen-mode .md-preview {
    color: #333;
    overflow: auto;
}

.md-editor.md-fullscreen-mode .md-input:hover,
.md-editor.md-fullscreen-mode .md-input:focus {
    background: #fff !important;
    color: #333;
}

.md-editor.md-fullscreen-mode .md-header {
    background: none;
    position: fixed;
    text-align: center;
    top: 20px;
    width: 100%;
}

.md-editor.md-fullscreen-mode .btn-group { float: none; }

.md-editor.md-fullscreen-mode .btn {
    background: none;
    border: 0;
    color: #b3b3b3;
}

.md-editor.md-fullscreen-mode .btn:hover,
.md-editor.md-fullscreen-mode .btn:focus,
.md-editor.md-fullscreen-mode .btn.active,
.md-editor.md-fullscreen-mode .btn:active {
    box-shadow: none;
    color: #333;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    display: block;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 20px;
    z-index: 1002;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
    clear: right;
    color: #b3b3b3;
    height: 30px;
    margin: 10px;
    text-align: center;
    width: 30px;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
    color: #333;
    text-decoration: none;
}

.md-editor.md-fullscreen-mode .md-editor {
    height: 100% !important;
    position: relative;
}

.md-editor .md-fullscreen-controls { display: none; }

.md-nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.slider {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.slider.slider-horizontal {
    height: 20px;
    width: 100% !important;
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    left: 0;
    margin-top: -5px;
    top: 50%;
    width: 100%;
}

.slider.slider-horizontal .slider-selection {
    bottom: 0;
    height: 100%;
    top: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -5px;
}

.slider.slider-horizontal .slider-handle.triangle {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    border: none;
    color: #797777;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    height: 20px;
    line-height: 21px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    transform: rotate(0deg);
    width: 20px;
}

.slider.slider-horizontal .slider-handle.triangle:before {
    content: "\f0da";
    font-size: 34px;
}

.slider-horizontal .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before { content: "\f0d9"; }

.slider.slider-vertical {
    height: 210px;
    width: 20px;
}

.slider.slider-vertical .slider-track {
    height: 100%;
    left: 50%;
    margin-left: -5px;
    top: 0;
    width: 10px;
}

.slider.slider-vertical .slider-selection {
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
}

.slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}

.slider.slider-vertical .slider-handle.triangle {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    border: none;
    color: #797777;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    height: 20px;
    line-height: 21px;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
    transform: rotate(0deg);
    width: 20px;
}

.slider.slider-vertical .slider-handle.triangle:before {
    content: "\f0d7";
    font-size: 32px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.slider.slider-vertical .slider-selection + .slider-handle.triangle + .slider-handle.triangle:before {
    content: "\f0d8";
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
}

.slider input { display: none; }

.slider .tooltip-inner { white-space: nowrap; }

.slider-track {
    background: #E5E5E5;
    cursor: pointer;
    position: absolute;
}

.slider-selection {
    background: #3276b1;
    position: absolute;
}

.slider-handle {
    -moz-osx-font-smoothing: grayscale;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-font-smoothing: antialiased;
    -webkit-transform: rotate(90deg);
    background: #858585;
    border: 1px solid #FFF;
    color: #BDBDBD;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    font-family: FontAwesome;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(77, 77, 77, 0.5);
    transform: rotate(90deg);
    width: 20px;
}

.slider-handle:before { content: "\f0c9"; }

.slider-handle.round {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 20px;
    width: 20px;
}

.slider-handle.triangle { background: transparent none; }

/*
 * Slider colors
 */

.slider-danger + .slider-track > .slider-selection { background: #a90329; }

.slider-warning + .slider-track > .slider-selection { background: #c79121; }

.slider-info + .slider-track > .slider-selection { background: #57889c; }

.slider-success + .slider-track > .slider-selection { background: #739e73; }

.bootstrap-tagsinput {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 0;
    color: #555;
    display: block;
    font-size: 13px;
    line-height: 1.428571429;
    min-height: 32px;
    padding: 1px 3px;
    vertical-align: middle;
    width: 100%;
}

.bootstrap-tagsinput > span {
    background: #3276B1;
    border: 1px solid #285E8E;
    border-radius: 0px !important;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 28px 4px 8px;
}

.bootstrap-tagsinput input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    max-width: inherit;
    outline: none;
    padding: 0;
    width: auto !important;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag {
    color: #FFF;
    display: inline-block;
    margin: 3px 0 3px 2px;
    position: relative;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
    cursor: pointer;
    display: block;
    height: 22px;
    padding: 3px 4px 3px 5px;
    position: absolute;
    right: 0px;
    top: -1px;
    width: 23px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover { background: rgba(0, 0, 0, 0.3); }

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "\f057";
    font-family: fontAwesome;
    font-size: 15px;
    line-height: 17px;
    padding: 2px 1px;
    text-align: center;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.bootstrap-timepicker { position: relative; }

.modal-open .bootstrap-timepicker-widget.dropdown-menu.open { z-index: 1051 !important; }

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px;
}

.bootstrap-timepicker .add-on { cursor: pointer; }

.bootstrap-timepicker .add-on i {
    display: inline-block;
    height: 16px;
    width: 16px;
}

.bootstrap-timepicker-widget.dropdown-menu { padding: 4px; }

.bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; }

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; }

.bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; }

.bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; }

.bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; }

.bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; }

.bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; }

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    border-bottom: 0;
    border-top: 7px solid #999;
    bottom: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    border-bottom: 0;
    border-top: 6px solid #ffffff;
    bottom: -6px;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input { border-radius: 4px; }

.bootstrap-timepicker-widget table {
    margin: 0;
    width: 100%;
}

.bootstrap-timepicker-widget table td {
    height: 30px;
    margin: 0;
    padding: 2px;
    text-align: center;
}

.bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; }

.bootstrap-timepicker-widget table td span { width: 100%; }

.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    color: #333;
    display: inline-block;
    margin: 0;
    outline: 0;
    padding: 8px 0;
    width: 100%;
}

.bootstrap-timepicker-widget table td a:hover {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #eee;
    border-color: #ddd;
    border-radius: 4px;
    text-decoration: none;
}

.bootstrap-timepicker-widget table td a i {
    font-size: 18px;
    margin-top: 2px;
}

.bootstrap-timepicker-widget table td input {
    margin: 0;
    text-align: center;
    width: 25px;
}

.bootstrap-timepicker-widget .modal-content { padding: 4px; }

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        margin-left: -100px;
        width: 200px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker { width: 100%; }

    .bootstrap-timepicker .dropdown-menu { width: 100%; }
}

.bv-form .help-block { margin-bottom: 0; }

.bv-form .tooltip-inner { text-align: left; }

.nav-tabs li.bv-tab-success > a { color: #3c763d; }

.nav-tabs li.bv-tab-error > a { color: #a94442; }

[class^="col-"] > .form-control + .form-control-feedback { right: 13px; }

.has-feedback.has-success .radio-inline + .form-control-feedback,
.has-feedback.has-success .radio-inline + .form-control-feedback { display: none !important; }

#buttonGroupForm .btn-group .form-control-feedback {
    right: -30px;
    top: 0;
}

#productForm .inputGroupContainer .form-control-feedback,
#productForm .selectContainer .form-control-feedback {
    right: -15px;
    top: 0;
}

/*
 * jQuery CSSEmoticons plugin 0.2.9
 *
 * Copyright (c) 2010 Steve Schwartz (JangoSteve)
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * Date: Sun Oct 22 1:00:00 2010 -0500
 */

/* Basic styles for emoticons */

span.css-emoticon {
    -moz-border-radius: 1.54em;
    -moz-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-border-radius: 1.54em;
    -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(90deg);
    -webkit-transition-duration: 1s, 1s;
    -webkit-transition-property: color, background, transform;
    -webkit-transition-timing-function: linear, ease-in;
    background-color: #ffcc00;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.41, #ffb800), color-stop(0.56, #ffdd55), color-stop(1, #ffeeaa));
    background-image: -moz-linear-gradient(center right, #ffb800 41%, #ffdd55 56%, #ffeeaa 100%);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 1.54em;
    box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2);
    color: #000000;
    display: inline-block;
    font-family: "Trebuchet MS";
    /* seems to give the best and most consistent emoticon appearance */
    font-size: .80em;
    font-weight: bold;
    /* note that this is a multiple of this span's font-size, not containing text font-size */
    height: 1.54em;
    line-height: 1.34em;
    margin-top: -0.4em;
    overflow: hidden;
    padding: 0;
    /* so, relative to containing text, width and height are 0.9 x 1.6 = 1.44em */
    text-align: center;
    transform: rotate(90deg);
    vertical-align: middle;
    width: 1.54em;
}

/* Styles for two-character emoticons that need more letter-spacing for proportionality */

span.css-emoticon.spaced-emoticon {
    padding-left: 0.2em;
    width: 1.34em;
    /*letter-spacing: 0.2em;*/
}

/* This is a dirty dirty hack, because webkit doesn't properly do the padding+width=total-width as it should
   I think the width of the border may be throwing things off, because it's more noticable for small icons */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    span.css-emoticon.spaced-emoticon { width: 1.4em; }
}

/* Styles for emoticons that need to have smaller characters to fit inside the circle */

span.css-emoticon.small-emoticon {
    -moz-border-radius: 1.82em;
    -webkit-border-radius: 1.82em;
    border-radius: 1.82em;
    font-size: 0.70em;
    height: 1.82em;
    line-height: 1.72em;
    width: 1.82em;
}

span.css-emoticon.small-emoticon.spaced-emoticon {
    letter-spacing: 0.1em;
    padding-left: 0;
    width: 1.82em;
}

/* Styles for additional colors */

span.css-emoticon.red-emoticon {
    background-color: #eb0542;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.41, #ff7c7c), color-stop(0.56, #e79494), color-stop(1, #e78ba5));
    background-image: -moz-linear-gradient(center right, #ff7c7c 41%, #e79494 56%, #e78ba5 100%);
}

span.css-emoticon.pink-emoticon {
    background-color: #ff8fd4;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0.41, #ff8fd4), color-stop(0.56, #ff99d8), color-stop(1, #ffade1));
    background-image: -moz-linear-gradient(center right, #ff8fd4 41%, #ff99d8 56%, #ffade1 100%);
}

/* styles for emoticons that need no rotation, like O_o */

span.css-emoticon.no-rotate {
    -moz-border-radius: 2.2em;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-border-radius: 2.2em;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(0deg);
    background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0.41, #ffcc00), color-stop(0.56, #ffdd55), color-stop(1, #ffeeaa));
    background-image: -moz-linear-gradient(center bottom, #ffcc00 41%, #ffdd55 56%, #ffeeaa 100%);
    border-radius: 2.2em;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 0.45em;
    height: 2.2em;
    line-height: 1.9em;
    transform: rotate(0deg);
    width: 2.2em;
}

span.css-emoticon.no-rotate.red-emoticon {
    background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0.41, #eb0542), color-stop(0.56, #eb265a), color-stop(1, #fa376e));
    background-image: -moz-linear-gradient(center bottom, #eb0542 41%, #eb265a 56%, #fa376e 100%);
}

span.css-emoticon.no-rotate.pink-emoticon {
    background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0.41, #ff8fd4), color-stop(0.56, #ff99d8), color-stop(1, #ffade1));
    background-image: -moz-linear-gradient(center bottom, #ff8fd4 41%, #ff99d8 56%, #ffade1 100%);
}

/* Styles for emoticons that need to be rotated counter-clockwise, like <3 */

span.css-emoticon.counter-rotated {
    -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-90deg);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.41, #ffcc00), color-stop(0.56, #ffdd55), color-stop(1, #ffeeaa));
    background-image: -moz-linear-gradient(center left, #ffcc00 41%, #ffdd55 56%, #ffeeaa 100%);
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
    transform: rotate(-90deg);
}

span.css-emoticon.counter-rotated.red-emoticon {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.41, #eb0542), color-stop(0.56, #eb265a), color-stop(1, #fa376e));
    background-image: -moz-linear-gradient(center left, #eb0542 41%, #eb265a 56%, #fa376e 100%);
}

span.css-emoticon.counter-rotated.pink-emoticon {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0.41, #ff8fd4), color-stop(0.56, #ff99d8), color-stop(1, #ffade1));
    background-image: -moz-linear-gradient(center left, #ff8fd4 41%, #ff99d8 56%, #ffade1 100%);
}

/* Styles for animated states */

span.css-emoticon.un-transformed-emoticon,
span.css-emoticon.animated-emoticon:hover {
    -moz-box-shadow: none;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-box-shadow: none;
    -webkit-transform: rotate(0deg);
    background: none;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
    color: inherit;
    /* font-size: inherit;
    font-weight: inherit;
    vertical-align: inherit;
    line-height: inherit;
    font-family: inherit; */
    letter-spacing: inherit;
    overflow: visible;
    transform: rotate(0deg);
}

span.css-emoticon.nintendo-controller {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, #74798c), color-stop(0.55, #a5aabd));
    background: -moz-linear-gradient(center bottom, #74798c 9%, #a5aabd 55%);
    border-radius: 0;
    font-size: .8em;
    height: 1.2em;
    line-height: 1em;
    vertical-align: bottom;
    width: 2.7em;
}

/*!
 * ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/master/LICENSE)
 */

.clockpicker .input-group-addon { cursor: pointer; }

.clockpicker-moving { cursor: move; }

.clockpicker-align-left.popover > .arrow { left: 25px; }

.clockpicker-align-top.popover > .arrow { top: 17px; }

.clockpicker-align-right.popover > .arrow {
    left: auto;
    right: 25px;
}

.clockpicker-align-bottom.popover > .arrow {
    bottom: 6px;
    top: auto;
}

.clockpicker-popover .popover-title {
    background-color: #fff;
    color: #999;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

.clockpicker-popover .popover-title span { cursor: pointer; }

.clockpicker-popover .popover-content {
    background-color: #f8f8f8;
    padding: 12px;
}

.popover-content:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.clockpicker-plate {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* Disable text selection highlighting. Thanks to Hermanya */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 200px;
    overflow: visible;
    position: relative;
    user-select: none;
    width: 200px;
}

.clockpicker-canvas,
.clockpicker-dial {
    height: 200px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 200px;
}

.clockpicker-minutes { visibility: hidden; }

.clockpicker-tick {
    border-radius: 50%;
    color: #666;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 26px;
}

.clockpicker-tick.active,
.clockpicker-tick:hover {
    background-color: #c0e5f7;
    background-color: rgba(0, 149, 221, 0.25);
}

.clockpicker-button {
    background-color: #fff;
    background-image: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: 1px 0 0;
    margin: 0;
    padding: 10px 0;
}

.clockpicker-button:hover {
    background-color: #ebebeb;
    background-image: none;
}

.clockpicker-button:focus { outline: none !important; }

.clockpicker-dial {
    -moz-transition: -moz-transform 350ms, opacity 350ms;
    -ms-transition: -ms-transform 350ms, opacity 350ms;
    -o-transition: -o-transform 350ms, opacity 350ms;
    -webkit-transition: -webkit-transform 350ms, opacity 350ms;
    transition: transform 350ms, opacity 350ms;
}

.clockpicker-dial-out { opacity: 0; }

.clockpicker-hours.clockpicker-dial-out {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.clockpicker-minutes.clockpicker-dial-out {
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}

.clockpicker-canvas {
    -moz-transition: opacity 175ms;
    -ms-transition: opacity 175ms;
    -o-transition: opacity 175ms;
    -webkit-transition: opacity 175ms;
    transition: opacity 175ms;
}

.clockpicker-canvas-out { opacity: 0.25; }

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
    fill: #0095dd;
    stroke: none;
}

.clockpicker-canvas-bg {
    fill: #c0e5f7;
    stroke: none;
}

.clockpicker-canvas-bg-trans { fill: rgba(0, 149, 221, 0.25); }

.clockpicker-canvas line {
    stroke: #0095dd;
    stroke-linecap: round;
    stroke-width: 1;
    /*shape-rendering: crispEdges;*/
}

/*!
 * Colorpicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.colorpicker-saturation {
    background-image: url("../img/saturation.png");
    cursor: crosshair;
    float: left;
    height: 100px;
    width: 100px;
}

.colorpicker-saturation i {
    border: 1px solid #000;
    display: block;
    height: 5px;
    left: 0;
    margin: -4px 0 0 -4px;
    position: absolute;
    top: 0;
    width: 5px;
}

.colorpicker-saturation i b {
    border: 1px solid #fff;
    display: block;
    height: 5px;
    width: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
    cursor: row-resize;
    float: left;
    height: 100px;
    margin-bottom: 4px;
    margin-left: 4px;
    width: 15px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
    background: #000;
    border-top: 1px solid #fff;
    display: block;
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 0;
    width: 100%;
}

.colorpicker-hue { background-image: url("../img/hue.png"); }

.colorpicker-alpha {
    background-image: url("../img/alpha.png");
    display: none;
}

.colorpicker {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    left: 0;
    margin-top: 1px;
    min-width: 120px;
    padding: 4px;
    /*IE*/
    top: 0;
    zoom: 1;
}

.colorpicker:before,
.colorpicker:after {
    content: " ";
    display: table;
}

.colorpicker:after { clear: both; }

.colorpicker:before {
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: '';
    display: inline-block;
    left: 6px;
    position: absolute;
    top: -7px;
}

.colorpicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    display: inline-block;
    left: 7px;
    position: absolute;
    top: -6px;
}

.colorpicker div { position: relative; }

.colorpicker.alpha { min-width: 140px; }

.colorpicker.alpha .colorpicker-alpha { display: block; }

.colorpicker-color {
    background-image: url("../img/alpha.png");
    background-position: 0 100%;
    clear: both;
    height: 10px;
    margin-top: 5px;
}

.colorpicker-color div { height: 10px; }

.input-append.color .add-on i,
.input-prepend.color .add-on i {
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}

div.dataTables_length label {
    float: left;
    font-weight: normal;
    text-align: left;
}

div.dataTables_length select { width: 75px; }

div.dataTables_filter label {
    float: right;
    font-weight: normal;
}

div.dataTables_filter input { width: 16em; }

div.dataTables_info { padding-top: 8px; }

div.dataTables_paginate {
    float: right;
    margin: 0;
}

div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}

table.dataTable td,
table.dataTable th {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable {
    clear: both;
    margin-bottom: 6px !important;
    margin-top: 6px !important;
    max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled { cursor: pointer; }

table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }

table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }

table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }

table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable thead > tr > th {
    padding-left: 18px;
    padding-right: 18px;
}

table.dataTable th:active { outline: none; }

/* Scrolling */

div.dataTables_scrollHead table {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0 !important;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td { border-top: none; }

div.dataTables_scrollFoot table {
    border-top: none;
    margin-top: 0 !important;
}

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
   width calculations when using scrolling impossible to align columns. We have
   to use separate
 */

table.table-bordered.dataTable { border-collapse: separate !important; }

table.table-bordered thead th,
table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
    border-bottom-width: 0;
    border-left-width: 0;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child { border-right-width: 0; }

div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; }

/*
 * TableTools styles
 */

/* conflicting styles with bootstrap 
.table tbody tr.active td,
.table tbody tr.active th {
	background-color: #08C;
	color: white;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
	background-color: #0075b0;
}

.table tbody tr.active a {
	color: white;
} 

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
	background-color: #017ebc;
} */

table.DTTT_selectable tbody tr { cursor: pointer; }

div.DTTT .btn {
    color: #333 !important;
    font-size: 12px;
}

div.DTTT .btn:hover { text-decoration: none !important; }

ul.DTTT_dropdown.dropdown-menu { z-index: 2003; }

ul.DTTT_dropdown.dropdown-menu a {
    color: #333 !important;
    /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li { position: relative; }

ul.DTTT_dropdown.dropdown-menu li:hover a {
    background-color: #0088cc;
    color: white !important;
}

div.DTTT_collection_background { z-index: 2002; }

/* TableTools information display */

div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center;
}

div.DTTT_print_info h6 {
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
    margin: 1em;
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}

/*
 * FixedColumns styles
 */

div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
    margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table,
div.DTFC_LeftHeadWrapper table {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-bottom: 0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; }

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table { border-top: none; }

/*
 * FixedHeader styles
 */

div.FixedHeader_Cloned table { margin: 0 !important; }

/*
 * Namespace DTCR - "DataTables ColReorder" plug-in
 */

table.DTCR_clonedTable {
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 202;
}

div.DTCR_pointer {
    background-color: #0259C4;
    width: 1px;
    z-index: 201;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * ColVis styles
 */

div.ColVis {
    float: right;
    margin-bottom: 1em;
}

button.ColVis_Button,
ul.ColVis_collection li {
    -moz-border-radius: 2px;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-border-radius: 2px;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-border-radius: 2px;
    -o-box-shadow: 1px 1px 3px #ccc;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    border: 1px solid #999;
    border-radius: 2px;
    box-shadow: 1px 1px 3px #ccc;
    color: black !important;
    cursor: pointer;
    *cursor: hand;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    float: left;
    font-size: 0.88em;
    margin-right: 3px;
    padding: 5px 8px;
    position: relative;
    white-space: nowrap;
    /* IE6-9 */
}

.ColVis_Button:hover,
ul.ColVis_collection li:hover {
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    background: #f3f3f3;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    border: 1px solid #666;
    box-shadow: 1px 1px 3px #999;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
    text-decoration: none !important;
    /* IE6-9 */
}

button.ColVis_Button {
    height: 30px;
    padding: 3px 8px;
}

button.ColVis_Button::-moz-focus-inner {
    border: none !important;
    padding: 0;
}

button.ColVis_Button:active { outline: none; }

div.ColVis_collectionBackground {
    background-color: black;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
}

ul.ColVis_collection {
    -moz-border-radius: 5px;
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-border-radius: 5px;
    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-border-radius: 5px;
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    background-color: #f3f3f3;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    margin: 0;
    overflow: hidden;
    padding: 8px 8px 4px 8px;
    width: 150px;
    z-index: 2002;
}

ul.ColVis_collection li {
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    display: block;
    float: none;
    height: auto;
    left: 0;
    margin-bottom: 4px;
    padding: 0.5em;
    position: relative;
    right: 0;
}

ul.ColVis_collection li { text-align: left; }

ul.ColVis_collection li.ColVis_Button:hover {
    background-color: #f0f0f0;
    border: 1px solid #999;
}

ul.ColVis_collection li span {
    cursor: pointer;
    display: inline-block;
    padding-left: 0.5em;
}

ul.ColVis_collection li.ColVis_Special {
    background: #ededed;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ededed 0%, #d6d6d6 77%, #e8e8e8 100%);
    border-color: #555;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e8e8e8', GradientType=0);
    /* IE6-9 */
}

ul.ColVis_collection li.ColVis_Special:hover {
    background: #e2e2e2;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #d0d0d0 0%, #d5d5d5 89%, #e2e2e2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e2e2e2', GradientType=0);
    /* IE6-9 */
}

span.ColVis_radio {
    display: inline-block;
    width: 20px;
}

div.ColVis_catcher {
    position: absolute;
    z-index: 1101;
}

.disabled { color: #999; }

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 * 
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */

/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */

div.DTTT_container {
    float: right;
    margin-bottom: 1em;
    position: relative;
}

@media screen and (max-width: 640px) {
    div.DTTT_container {
        float: none !important;
        text-align: center;
    }

    div.DTTT_container:after {
        clear: both;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
    }
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    -moz-border-radius: 2px;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-border-radius: 2px;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-border-radius: 2px;
    -o-box-shadow: 1px 1px 3px #ccc;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    border: 1px solid #999;
    border-radius: 2px;
    box-shadow: 1px 1px 3px #ccc;
    color: black !important;
    cursor: pointer;
    *cursor: hand;
    display: inline-block;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    font-size: 0.88em;
    margin-right: 3px;
    padding: 5px 8px;
    position: relative;
    /* IE6-9 */
}

/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */

button.DTTT_button {
    height: 30px;
    padding: 3px 8px;
}

.DTTT_button embed { outline: none; }

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    background: #f3f3f3;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    border: 1px solid #666;
    box-shadow: 1px 1px 3px #999;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
    text-decoration: none !important;
    /* IE6-9 */
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%);
    border: 1px solid #d0d0d0;
    color: #999;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0);
    /* IE6-9 */
}

/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */

button.DTTT_button_collection span {
    padding-right: 17px;
    /*background: url(../images/collection.png) no-repeat center right;*/
}

button.DTTT_button_collection:hover span {
    background: #f0f0f0;
    padding-right: 17px;
    /*background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;*/
}

/*
 * SELECTING
 * Row selection styles
 */

table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand;
}

table.dataTable tr.DTTT_selected.odd { background-color: #9FAFD1; }

table.dataTable tr.DTTT_selected.odd td.sorting_1 { background-color: #9FAFD1; }

table.dataTable tr.DTTT_selected.odd td.sorting_2 { background-color: #9FAFD1; }

table.dataTable tr.DTTT_selected.odd td.sorting_3 { background-color: #9FAFD1; }

table.dataTable tr.DTTT_selected.even { background-color: #B0BED9; }

table.dataTable tr.DTTT_selected.even td.sorting_1 { background-color: #B0BED9; }

table.dataTable tr.DTTT_selected.even td.sorting_2 { background-color: #B0BED9; }

table.dataTable tr.DTTT_selected.even td.sorting_3 { background-color: #B0BED9; }

/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
    -moz-border-radius: 5px;
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-border-radius: 5px;
    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-border-radius: 5px;
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    background-color: #f3f3f3;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 8px 8px 4px 8px;
    width: 150px;
    z-index: 2002;
}

div.DTTT_collection_background {
    /*background: transparent url(../images/background.png) repeat top left;*/
    z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    display: block;
    float: none;
    left: 0;
    margin-bottom: 4px;
    position: relative;
    right: 0;
}

/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -ms-border-radius: 6px;
    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -o-border-radius: 6px;
    -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    background: #ffffff;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
    border: 1px solid black;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    color: #333;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    height: 150px;
    left: 50%;
    margin-left: -200px;
    margin-top: -75px;
    /* IE6-9 */
    opacity: 0.95;
    padding: 10px 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 400px;
}

.DTTT_print_info h6 {
    font-size: 28px;
    font-weight: normal;
    line-height: 28px;
    margin: 1em;
}

.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}

table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
    background: url('../img/plus.png') no-repeat 5px center;
    cursor: pointer;
    padding-left: 32px;
}

table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander { background: url('../img/minus.png') no-repeat 5px center; }

table.has-columns-hidden > tbody > tr.row-detail > td { background: #eee; }

table.has-columns-hidden > tbody > tr.row-detail > td > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle { font-weight: bold; }

.dt-toolbar {
    background: #fafafa;
    border-bottom: 1px solid #ccc;
    display: block;
    float: left;
    padding: 6px 7px 1px;
    position: relative;
    width: 100%;
}

.dt-toolbar-footer {
    -moz-box-shadow: inset 0 1px #fff;
    -ms-box-shadow: inset 0 1px #fff;
    -webkit-box-shadow: inset 0 1px #fff;
    background: #fafafa;
    border-top: 1px solid #ccc;
    box-shadow: inset 0 1px #fff;
    font-size: 11px;
    overflow: hidden;
    padding: 5px 10px;
}

.dt-toolbar > :first-child,
.dt-toolbar-footer > :first-child { padding-left: 0px !important; }

.dt-toolbar > :last-child,
.dt-toolbar-footer > :last-child { padding-right: 0px !important; }

table.dataTable thead .sorting { background: url() no-repeat center right; }

table.dataTable thead .sorting_asc { background: url() no-repeat center right; }

table.dataTable thead .sorting_desc { background: url() no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url() no-repeat center right; }

table.dataTable thead .sorting_desc_disabled { background: url() no-repeat center right; }

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc { background-color: #eeeeee; }

.dataTables_empty {
    color: #575757;
    font-size: 14px;
    padding: 20px 10px !important;
    text-align: center;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th { padding: 8px 10px; }

table.dataTable thead > tr > th,
table.dataTable tfoot > tr > th { padding-left: 9px !important; }

table.dataTable thead > tr > th > input,
table.dataTable tfoot > tr > th > input {
    font-weight: normal;
    width: 100% !important;
}

table.dataTable thead > tr > th.hasinput { padding: 6px !important; }

div.dataTables_info {
    color: #969696;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    padding-top: 9px;
}

/*
 * Double lines in thead tfoot
 */

.dataTable thead > tr > th { border-left: none !important; }

/* checkbox */

.dataTable input[type=checkbox].checkbox,
.dataTable input[type=radio].radiobox { left: -999px; }

table.dataTable thead > tr > th.sorting_disabled { padding-right: 9px !important; }

/*
 * DT FIlter
 */

.dataTables_filter {
    float: left;
    width: 100%;
}

.dataTables_filter .input-group-addon {
    float: left;
    height: 32px;
    margin-top: 0px;
    padding-top: 8px;
    width: 32px;
}

.dataTables_filter .input-group-addon + .form-control { float: left; }

/*
 * LTR filter position
 */

.dt-toolbar > :first-child .dataTables_filter > :only-child,
.dt-toolbar > :first-child .DTTT,
.dt-toolbar > :first-child .pagination,
.dt-toolbar > :first-child .dataTables_length { float: left !important; }

.dt-toolbar > :last-child .dataTables_filter > :only-child,
.dt-toolbar > :last-child .DTTT,
.dt-toolbar > :last-child .pagination,
.dt-toolbar > :last-child .dataTables_length { float: right; }

/* bottom portion */

.dt-toolbar-footer > :first-child .dataTables_filter > :only-child,
.dt-toolbar-footer > :first-child .DTTT,
.dt-toolbar-footer > :first-child .pagination,
.dt-toolbar-footer > :first-child .dataTables_length { float: left; }

.dt-toolbar-footer > :last-child .dataTables_filter > :only-child,
.dt-toolbar-footer > :last-child .DTTT,
.dt-toolbar-footer > :last-child .pagination,
.dt-toolbar-footer > :last-child .dataTables_length { float: right; }

/*
 * PRINT
 */

body.DTTT_Print { background: #fff !important; }

.DTTT_Print #main { margin: 0px !important; }

.DTTT_PrintMessage {
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.DTTT_Print table.dataTable { margin-top: 0px !important; }

.DTTT_Print .dataTables_wrapper table { border: 1px solid #C7C7C7 !important; }

/*
 * COLUMN SHOW/HIDE
 */

div.ColVis { margin-bottom: 0px !important; }

ul.ColVis_collection { width: 127px; }

ul.ColVis_collection li span { vertical-align: 3px; }

ul.ColVis_collection li label { margin-bottom: 0px !important; }

/*
 * Processing Fix
 */

.dataTables_processing {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background-color: white;
    font-size: 1.2em;
    height: 40px;
    left: 50%;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

/* custom font icon */

.dataTable tbody .details-control {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.dataTable tbody .details-control:before {
    color: #739e73;
    content: "\f055";
    font-family: 'FontAwesome';
    font-size: 1.4em;
}

.dataTable tbody .shown .details-control:before {
    color: #a90329;
    content: "\f056";
}

.dataTable tbody .shown + tr > td { padding: 0px !important; }

.dataTable tbody .shown { background: rgba(205, 209, 98, 0.2) !important; }

.dataTable tbody .shown > td { background: none !important; }

.dataTable tbody .shown + tr > td > table > tbody > tr:last-child { border-bottom: 1px solid #c2c2c2; }

.dataTable tbody .shown + tr > td > table tbody tr { background-color: rgba(205, 209, 98, 0.05) !important; }

.dataTable tbody .shown .table > tbody > tr > td { border: none !important; }

.table-bordered .progress {
    -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #D6D6D6 inset;
    -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #D6D6D6 inset;
    background: #fff !important;
    box-shadow: 0 1px 0 transparent, 0 0 0 1px #D6D6D6 inset;
}

/* datatable scroll-y bug fix for firefox */

.dataTables_scroll .dataTables_scrollHead,
.dataTables_scroll .dataTables_scrollBody,
.dataTables_scroll + .dt-toolbar-footer { float: left; }

.dataTables_scroll + .dt-toolbar-footer { width: 100%; }

.dataTables_scroll .dataTables_scrollHeadInner { margin-top: -6px; }

.dataTables_scroll .dataTables_scrollHead { background: #f4f4f4; }

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */

@-webkit-keyframes passing-through {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30%,
    70% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        opacity: 0;
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30%,
    70% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        opacity: 0;
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30%,
    70% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }

    100% {
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        opacity: 0;
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        transform: translateY(40px);
    }

    30% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.dropzone,
.dropzone * { box-sizing: border-box; }

.dropzone {
    background: white;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    min-height: 300px;
    padding: 20px 20px;
}

.dropzone.dz-clickable { cursor: pointer; }

.dropzone.dz-clickable * { cursor: default; }

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
    cursor: pointer;
    margin-top: 3.4%;
}

.dropzone.dz-started .dz-message { display: none; }

.dropzone.dz-drag-hover { border: 1px dashed #4487a5 !important; }

.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }

.dropzone .dz-message {
    margin: 2em 0;
    text-align: center;
}

.dropzone .dz-preview {
    display: inline-block;
    margin: 16px;
    min-height: 100px;
    position: relative;
    vertical-align: top;
}

.dropzone .dz-preview:hover { z-index: 1000; }

.dropzone .dz-preview:hover .dz-details { opacity: 1; }

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: #999;
    background: linear-gradient(to bottom, #eeeeee, #dddddd);
    border-radius: 20px;
}

.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }

.dropzone .dz-preview.dz-image-preview { background: none; }

.dropzone .dz-preview.dz-image-preview .dz-details {
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-align: center;
}

.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }

.dropzone .dz-preview:hover .dz-details { opacity: 1; }

.dropzone .dz-preview .dz-details {
    color: rgba(0, 0, 0, 0.9);
    font-size: 13px;
    left: 0;
    line-height: 150%;
    max-width: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 2em 1em;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 20;
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 16px;
    margin-bottom: 1em;
}

.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(200, 200, 200, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    padding: 0 0.4em;
}

.dropzone .dz-preview:hover .dz-image img {
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    -webkit-transform: scale(1.05, 1.05);
    filter: blur(8px);
    transform: scale(1.05, 1.05);
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    display: block;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 120px;
    z-index: 10;
}

.dropzone .dz-preview .dz-image img { display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    display: block;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    z-index: 500;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    display: block;
    height: 54px;
    width: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    opacity: 1;
    transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    -webkit-transition: opacity 0.4s ease-in;
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    -webkit-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
    -webkit-transform: scale(1);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    height: 16px;
    left: 50%;
    margin-left: -40px;
    margin-top: -8px;
    opacity: 1;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 80px;
    z-index: 1000;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    -webkit-transition: width 300ms ease-in-out;
    background: #333;
    background: linear-gradient(to bottom, #666666, #444444);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: width 300ms ease-in-out;
    width: 0;
}

.dropzone .dz-preview.dz-error .dz-error-message { display: block; }

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    border-radius: 8px;
    color: white;
    display: block;
    display: none;
    font-size: 13px;
    left: -10px;
    opacity: 0;
    padding: 0.5em 1.2em;
    pointer-events: none;
    position: absolute;
    top: 130px;
    transition: opacity 0.3s ease;
    width: 140px;
    z-index: 1000;
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #be2626;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    height: 0;
    left: 64px;
    position: absolute;
    top: -6px;
    width: 0;
}

.easy-pie-title {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 19px;
    margin: 10px 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100px;
}

.easy-pie-title .icon-color-good,
.easy-pie-title .icon-color-bad { font-size: 18px; }

.easy-pie-chart {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.easy-pie-chart .percent {
    color: #444;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

.easy-pie-chart .percent .fa { display: none; }

.degree-sign:after,
.percent-sign:after {
    content: " %";
    line-height: normal;
}

/* The styles given to the associated form element in order to hide it */

.fd-form-element-hidden { display: none; }

/* Horizontal Outer wrapper - all other DOM elements added as children to this top level wrapper */

.fd-slider {
    /* The height of the slider handle */
    height: 20px;
    margin: 0;
    width: 100%;
}

/* Vertical Outer wrapper - all other DOM elements added as children to this top level wrapper */

.fd-slider-vertical {
    /* Fill the available space */
    height: 100%;
    /* Set a 10 pixel right and bottom margin */
    margin: 0 10px 10px 0;
    /* The width of the slider handle */
    width: 20px;
    /* You may wish to float the vertical sliders left or display:inline-block */
    /* float:left; */
}

/* Shared rules - both horizontal & vertical sliders */

.fd-slider,
.fd-slider-vertical {
    -khtml-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
    border: 0 none;
    /* display:block required as the wrapper element is a span */
    display: block;
    /* This lets us absolutely position the drag handle */
    position: relative;
    text-decoration: none;
    user-select: none;
}

.fd-slider-inner {
    /* Used by IE for the onfocus blur effect */
    display: none;
}

/* The inner track bar */

.fd-slider-bar {
    -moz-background-clip: padding;
    -moz-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    background-clip: padding-box;
    background-color: #333;
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
    border-radius: 4px;
    border-right: 1px solid #fff;
    display: block;
    height: 6px;
    line-height: 4px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 2;
}

/* The animated range bar */

.fd-slider-range {
    -moz-background-clip: padding;
    -moz-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    background-color: #eee;
    border-radius: 2px;
    display: block;
    height: 6px;
    margin: 0;
    overflow: hidden;
    padding: 0 2px 0 0;
    position: absolute;
    top: 9px;
    z-index: 3;
}

/* The drag handle */

.fd-slider-handle {
    -moz-outline: 0 none;
    -moz-user-focus: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background: #eee;
    border: 0 none;
    border: 1px solid #aaa;
    border-radius: 12px;
    display: block;
    height: 12px;
    left: 0;
    line-height: 1px !important;
    margin: 0 0 0 1px;
    outline: 0 none;
    padding: 0;
    position: absolute;
    top: 5px;
    user-select: none;
    width: 12px;
    z-index: 3;
}

/* Focus styles */

.fd-slider-handle:focus {
    -moz-user-focus: normal;
    border: 0 none;
    outline: 0 none;
}

button.fd-slider-handle:focus::-moz-focus-inner { border-color: transparent; }

body.fd-slider-drag-vertical,
body.fd-slider-drag-vertical * {
    /* Stop text selection */
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

body.fd-slider-drag-horizontal,
body.fd-slider-drag-horizontal * {
    /* Stop text selection */
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*
	 Sample tooltip code. Only works on grade A browsers (so no IE6,7 or 8).
	
	 See: http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/ for full info on
	 how to style generated content & the associated pitfalls
	
	 This code to be taken as experimental & untested - use at your discretion
	
	 If showing the tooltip above the sider handle you are relegated to showing
	 single line tooltips due to styling constraints!
	 */

.fd-slider-handle:before,
.fd-slider-handle:after {
    -moz-transition-delay: 1s;
    -moz-transition-duration: 1s;
    /* The following rules are not really needed as no browser yet supports CSS transitions
		 on generated content but I'll leave it in for the day when they do! */
    /* Firefox */
    -moz-transition-property: opacity;
    -o-transition-delay: 1s;
    -o-transition-duration: 1s;
    /* Opera */
    -o-transition-property: opacity;
    -webkit-transition-delay: 1s;
    -webkit-transition-duration: 1s;
    /* WebKit */
    -webkit-transition-property: opacity;
    /* Remove from screen */
    opacity: 0;
    transition-delay: 1s;
    transition-duration: 1s;
    /* Standard */
    transition-property: opacity;
}

/*
	 The tooltip body - as we position it above the slider and position the tooltip arrow
	 below it, we need to know the height of the body. This means that multi-line tooltips
	 are not supported.
	
	 To support multi-line tooltips, you will need to position the tooltip below the slider
	 and the tooltip pointer above the tooltip body. Additionally, you will have to set the
	 tooltip bodies "height" to auto
	 */

.fd-slider-focused .fd-slider-handle:before,
.fd-slider-hover .fd-slider-handle:before,
.fd-slider-active .fd-slider-handle:before {
    -moz-background-clip: padding;
    /* Border radius and box shadow */
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 0 4px #aaa;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 0 4px #aaa;
    background: #2f6ee0;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0px 0px 4px #999;
    color: #fff;
    /* Use the ARIA valuetext property, set by the script, to generate the tooltip content */
    content: attr(aria-valuetext);
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 14px;
    left: -8px;
    line-height: 12px;
    margin: 0;
    /* Change opacity for transition */
    opacity: 1;
    padding: 3px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px #1a3a95;
    top: -21px;
    width: 20px;
    z-index: 1;
}

/* The tooltip pointer */

.fd-slider-focused .fd-slider-handle:after,
.fd-slider-hover .fd-slider-handle:after,
.fd-slider-active .fd-slider-handle:after {
    /* Add a box shadow */
    -moz-box-shadow: 0 0 4px #aaa;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-box-shadow: 0 0 4px #aaa;
    /* Rotate element by 45 degress to get the "\/" pointer effect */
    -webkit-transform: rotate(45deg);
    background: #2f6ee0;
    box-shadow: 0 0 4px #aaa;
    /* Clip */
    clip: rect(4px, 14px, 14px, 4px);
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    margin: 0 0 0 -5px;
    /* Change opacity for transition */
    opacity: 1;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: -9px;
    width: 10px;
    z-index: 2;
}

/* Remove completely for IE */

.oldie .fd-slider-handle:before,
.oldie .fd-slider-handle:after { display: none; }

/*!
 * FullCalendar v2.6.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */

.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl { text-align: right; }

body .fc {
    /* extra precedence to overcome jqui */
    font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover { border-color: #ddd; }

.fc-unthemed .fc-popover { background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header { background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close { color: #666; }

.fc-unthemed .fc-today { background: #fcf8e3; }

.fc-highlight {
    /* when user is selecting cells */
    background: #bce8f1;
    filter: alpha(opacity=30);
    opacity: .3;
    /* for IE */
}

.fc-bgevent {
    /* default look for background events */
    background: #8fdf82;
    filter: alpha(opacity=30);
    opacity: .3;
    /* for IE */
}

.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* don't allow browser text-selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    display: inline-block;
    font-family: "Courier New", Courier, monospace;
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    text-align: center;
    user-select: none;
    width: 1em;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
    margin: 0 -1em;
    position: relative;
    /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-size: 200%;
    font-weight: bold;
    left: 3%;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-size: 200%;
    font-weight: bold;
    left: -3%;
    top: -7%;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    left: -2%;
    top: 3%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    left: 2%;
    top: 3%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
    /* force height to include the border and padding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    /* text & cursor */
    font-size: 1em;
    height: 2.1em;
    /* dimensions */
    margin: 0;
    padding: 0 .6em;
    /* normalize */
    white-space: nowrap;
}

/* Firefox has an annoying inner border */

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}

.fc-state-default {
    /* non-theme */
    border: 1px solid;
}

.fc-state-default.fc-corner-left {
    border-bottom-left-radius: 4px;
    /* non-theme */
    border-top-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
    border-bottom-right-radius: 4px;
    /* non-theme */
    border-top-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon {
    /* seems to be a good adjustment across browsers */
    margin: 0 .2em;
    /* non-theme */
    position: relative;
    top: -0.05em;
    vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #e6e6e6;
    color: #333333;
}

.fc-state-hover {
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    background-image: none;
    box-shadow: none;
    cursor: default;
    filter: alpha(opacity=65);
    opacity: 0.65;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group { display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
    /* same */
    margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    position: absolute;
}

.fc-popover .fc-header {
    /* TODO: be more consistent with fc-head/fc-body */
    padding: 2px 4px;
}

.fc-popover .fc-header .fc-title { margin: 0 2px; }

.fc-popover .fc-header .fc-close { cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close { float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close { float: right; }

/* unthemed */

.fc-unthemed .fc-popover {
    border-style: solid;
    border-width: 1px;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
    height: 0;
    margin: 0;
    padding: 0 0 2px;
}

.fc-clear { clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    left: 0;
    /* these element should always cling to top-left/right corners */
    position: absolute;
    right: 0;
    top: 0;
}

.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}

.fc-bg table {
    height: 100%;
    /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    table-layout: fixed;
    width: 100%;
    /* normalize cross-browser */
}

.fc th { text-align: center; }

.fc th,
.fc td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

.fc td.fc-today {
    border-style: double;
    /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
    /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row { position: relative; }

.fc-row .fc-bg { z-index: 1; }

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0;
    /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%;
    /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td { border-color: transparent; }

.fc-row .fc-bgevent-skeleton { z-index: 2; }

.fc-row .fc-highlight-skeleton { z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
    padding-bottom: 2px;
    position: relative;
    z-index: 4;
    /* matches the space above the events */
}

.fc-row .fc-helper-skeleton { z-index: 5; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    background: none;
    /* don't put a border between events and/or the day number */
    border-bottom: 0;
    /* in case <td>s are globally styled */
    border-color: transparent;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller {
    overflow-x: hidden;
    /* this class goes on elements for guaranteed vertical scrollbars */
    overflow-y: scroll;
}

.fc-scroller > * {
    /* hack to force re-sizing this inner element when scrollbars appear/disappear */
    overflow: hidden;
    /* we expect an immediate inner element */
    position: relative;
    /* re-scope all positions */
    width: 100%;
    /* don't let negative margins or absolute positioning create further scroll */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
    /* default BORDER color */
    background-color: #3a87ad;
    border-left: 6px solid rgba(0, 0, 0, 0.15);
    /* for resize handle and other inner positioning */
    display: block;
    /* make the <a> tag block */
    font-size: .85em;
    /* default BACKGROUND color */
    font-weight: normal;
    line-height: 1.3;
    position: relative;
    /* undo jqui's ui-widget-header bold */
}

.fc-event .fa {
    font-size: 14px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 4px;
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #fff;
    /* default TEXT color */
    text-decoration: none;
    /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
    cursor: pointer;
    /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    cursor: not-allowed;
}

.fc-event .fc-bg {
    background: #fff;
    filter: alpha(opacity=25);
    opacity: .25;
    /* the generic .fc-bg already does position */
    z-index: 1;
    /* for IE */
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 3;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    border-bottom-left-radius: 0;
    border-left-width: 0;
    /* replace the border with padding */
    border-top-left-radius: 0;
    margin-left: 0;
    padding-left: 1px;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    border-bottom-right-radius: 0;
    border-right-width: 0;
    /* replace the border with padding */
    border-top-right-radius: 0;
    margin-right: 0;
    padding-right: 1px;
}

/* resizer */

.fc-h-event .fc-resizer {
    bottom: -1px;
    left: -1px;
    right: -1px;
    /* positioned it to overcome the event's borders */
    top: -1px;
    width: 5px;
}

/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
    /* ignore the right and only use the left */
    cursor: w-resize;
    right: auto;
}

/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
    /* ignore the left and only use the right */
    cursor: e-resize;
    left: auto;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
    margin: 1px 2px 0;
    /* spacing between events and edges */
    padding: 0 1px;
}

.fc-day-grid-event .fc-content {
    /* force events to be one-line tall */
    overflow: hidden;
}

.fc-event .fc-title,
.fc-event .fc-time { display: inline-block; }

.fc-month-view .fc-event .fc-time { display: block; }

.fc-day-grid-event .fc-time { font-weight: bold; }

.fc-day-grid-event .fc-resizer {
    /* enlarge the default hit area */
    left: -3px;
    right: -3px;
    width: 7px;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
    cursor: pointer;
    font-size: .85em;
    margin: 1px 3px;
    text-decoration: none;
}

a.fc-more:hover { text-decoration: underline; }

.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}

.fc-more-popover {
    width: 220px;
    z-index: 2;
}

.fc-more-popover .fc-event-container { padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-now-indicator {
    border: 0 solid red;
    position: absolute;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
    margin-bottom: 1em;
    text-align: center;
}

.fc-toolbar .fc-left { float: left; }

.fc-toolbar .fc-right { float: right; }

.fc-toolbar .fc-center { display: inline-block; }

/* the things within each left/right/center section */

.fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}

/* the first thing within each left/center/right section */

/* title text */

.fc-toolbar h2 { margin: 0; }

/* button layering (for border precedence) */

.fc-toolbar button { position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover { z-index: 2; }

.fc-toolbar .fc-state-down { z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active { z-index: 4; }

.fc-toolbar button:focus { z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */

/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view,
.fc-view > table {
    /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* add a pixel to make sure there are 2px padding above events */
    padding-bottom: 1em;
    /* we are sure there are no day numbers in these views, so... */
    padding-top: 1px;
    /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
    min-height: 75px;
    /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid { overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number { padding: 0 2px; }

.fc-basic-view .fc-week-number { text-align: center; }

.fc-basic-view .fc-week-number span {
    /* work around the way we do column resizing and ensure a minimum width */
    display: inline-block;
    min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number { text-align: right; }

.fc-rtl .fc-basic-view .fc-day-number { text-align: left; }

.fc-day-number.fc-other-month {
    filter: alpha(opacity=30);
    opacity: 0.3;
    /* for IE */
    /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em;
    /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    /* add a pixel to make sure there are 2px padding above events */
    padding-bottom: 1em;
    padding-top: 1px;
    /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis {
    padding: 0 4px;
    /* .fc to overcome default cell styles */
    vertical-align: middle;
    white-space: nowrap;
}

.fc-ltr .fc-axis { text-align: right; }

.fc-rtl .fc-axis { text-align: left; }

.ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container,
.fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
    /* don't put outer borders on slats/bg/content/etc */
    border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg { z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
    /* the <hr> AgendaView injects when grid is shorter than scroller */
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-content-col {
    position: relative;
    /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

/* divs within a cell within the fc-content-skeleton */

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-highlight-container {
    position: relative;
    z-index: 3;
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4;
}

.fc-time-grid .fc-now-indicator-line { z-index: 5; }

.fc-time-grid .fc-helper-container {
    /* also is fc-event-container */
    position: relative;
    z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
    border-bottom: 0;
    height: 1.5em;
    /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; }

.fc-time-grid .fc-slats .ui-widget-content {
    /* for jqui theme */
    background: none;
    /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container {
    /* a div within a cell within the fc-highlight-skeleton */
    position: relative;
    /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
    left: 0;
    position: absolute;
    right: 0;
    /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    left: 0;
    right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start {
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
}

.fc-v-event.fc-not-end {
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
    /* don't wrap to second line (now that contents will be inline) */
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    /* put the time and title on the same line */
    display: inline-block;
    vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none;
    /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
    /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0";
    /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    /* make the title text the same size as the time */
    padding: 0;
    /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
    bottom: 0;
    cursor: s-resize;
    font-family: monospace;
    font-size: 11px;
    height: 8px;
    left: 0;
    line-height: 8px;
    overflow: hidden;
    right: 0;
    text-align: center;
}

.fc-time-grid-event .fc-resizer:after { content: "="; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}

/* arrow on axis */

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
    /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    border-bottom-color: transparent;
    border-top-color: transparent;
    /* triangle pointing right... */
    border-width: 5px 0 5px 6px;
    left: 0;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    border-bottom-color: transparent;
    border-top-color: transparent;
    /* triangle pointing left... */
    border-width: 5px 6px 5px 0;
    right: 0;
}

#jarviswidget-fullscreen-mode .fc-ltr .fc-basic-view .fc-day-number {
    font-size: 40px;
    padding: 5px 12px;
}

#jarviswidget-fullscreen-mode .fc-basic-view .fc-body .fc-row { min-height: 189px; }

@media (max-width: 1140px) {
    #jarviswidget-fullscreen-mode .fc-ltr .fc-basic-view .fc-day-number { font-size: 30px; }

    #jarviswidget-fullscreen-mode .fc-basic-view .fc-body .fc-row { min-height: 150px; }
}

@media (max-width: 992px) {
    #jarviswidget-fullscreen-mode .fc-ltr .fc-basic-view .fc-day-number { font-size: 20px; }

    #jarviswidget-fullscreen-mode .fc-basic-view .fc-body .fc-row { min-height: 100px; }
}

@media (max-width: 767px) {
    #jarviswidget-fullscreen-mode .fc-ltr .fc-basic-view .fc-day-number { font-size: 16px; }

    #jarviswidget-fullscreen-mode .fc-basic-view .fc-body .fc-row { min-height: 75px; }
}

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    display: block;
    position: relative;
    user-select: none;
}

.irs-line {
    display: block;
    outline: none !important;
    overflow: hidden;
    position: relative;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    display: block;
    position: absolute;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    display: block;
    left: 0;
    position: absolute;
    width: 0;
}

.irs-bar-edge {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

.irs-shadow {
    display: none;
    left: 0;
    position: absolute;
    width: 0;
}

.irs-slider {
    cursor: default;
    display: block;
    position: absolute;
    z-index: 1;
}

.irs-slider.type_last { z-index: 2; }

.irs-min {
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
}

.irs-max {
    cursor: default;
    display: block;
    position: absolute;
    right: 0;
}

.irs-from,
.irs-to,
.irs-single {
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
}

.irs-grid {
    bottom: 0;
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.irs-with-grid .irs-grid { display: block; }

.irs-grid-pol {
    background: #000;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.irs-grid-pol.small { height: 4px; }

.irs-grid-text {
    bottom: 0;
    color: #000;
    font-size: 9px;
    left: 0;
    line-height: 9px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}

.irs-disable-mask {
    background: rgba(0, 0, 0, 0);
    cursor: default;
    display: block;
    height: 100%;
    left: -1%;
    position: absolute;
    top: 0;
    width: 102%;
    z-index: 2;
}

.irs-disabled { opacity: 0.4; }

.lt-ie9 .irs-disabled { filter: alpha(opacity=40); }

.irs-hidden-input {
    background: none !important;
    border-color: transparent !important;
    border-style: solid !important;
    display: block !important;
    font-size: 0 !important;
    height: 0 !important;
    left: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    outline: none !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
    z-index: -9999 !important;
}

.irs-slider.single:before {
    background: rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 200%;
    left: -150%;
    position: absolute;
    top: -50%;
    width: 400%;
}

.irs-slider.from { left: 100px; }

.irs-slider.from:before {
    background: rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 200%;
    left: -300%;
    position: absolute;
    top: -50%;
    width: 400%;
}

.irs-slider.to { left: 300px; }

.irs-slider.to:before {
    background: rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 200%;
    left: 0;
    position: absolute;
    top: -50%;
    width: 400%;
}

/*
 * CUST
 *
 */

.irs { height: 40px; }

.irs-with-grid { height: 60px; }

.irs-line {
    background: #eeeeee;
    height: 8px;
    top: 25px;
}

.irs-line-left { height: 8px; }

.irs-line-mid { height: 8px; }

.irs-line-right { height: 8px; }

.irs-bar {
    height: 8px;
    top: 25px;
}

.irs-slider {
    background: #858585;
    border: 1px solid #ffffff;
    height: 22px;
    top: 17px;
    width: 10px;
}

.irs-slider:hover { background: #6c6c6c; }

#irs-active-slider {
    background: #686868;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0px;
    height: 24px;
    top: 16px;
    width: 12px;
}

.irs-min,
.irs-max {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
    color: #999999;
    font-size: 12px;
    line-height: 1.333;
    padding: 1px 3px;
    text-shadow: none;
    top: 0;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max { background: #bfbfbf; }

.irs-from,
.irs-to,
.irs-single {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    color: #ffffff;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 5px;
    text-shadow: none;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single { background: #999999; }

.irs-grid-pol { background: #99a4ac; }

.irs-grid-text { color: #99a4ac; }

.irs-bar {
    background: #3276b1;
    height: 8px;
    margin-left: -5px;
    top: 25px;
}

/*

	 Copyright 2013 - SmartAdmin : WebApp (Sunny)
	
	 * This is part of an item on wrapbootstrap.com
	 * https://wrapbootstrap.com/user/myorange
	 * ==================================
	
	 Table of Contents
	 ---------------------------------------------------------------
	
	 - Main
	 - Header
	 - Content
	 - Edit box
	 - Timestamp
	 - Helpers
	 - Fullscreen
	 - Styling
	 - Custom styles
	 - Icons - A few used examples
	 - RTL support
	 - Clearfix
	 - Examples (minimalistic in grid)
	 - Examples (lists)
	
	 */

/*
	 * MAIN
	 */

article.sortable-grid { min-height: 30px; }

.jarviswidget {
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0 0 30px 0;
    padding: 0;
    position: relative;
}

.widget-content-padding { padding: 20px; }

.widget-content-padding .well { margin-bottom: 0px; }

/*
	 * HEADER
	 */

.jarviswidget > header {
    height: 34px;
    line-height: 40px;
    padding: 0;
}

.jarviswidget > header > .widget-icon {
    display: block;
    float: left;
    font-size: 111%;
    height: 32px;
    line-height: 32px;
    margin-right: -10px;
    position: relative;
    text-align: center;
    width: 30px;
}

.jarviswidget > header h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    letter-spacing: 0px;
    line-height: 34px;
    margin: 0;
    position: relative;
    width: auto;
}

.jarviswidget > header > h2 {
    float: left;
    margin-left: 10px;
}

.jarviswidget > header > :first-child.widget-icon { margin-left: 0; }

.jarviswidget > header .jarviswidget-icon {
    display: block;
    float: left;
    height: 16px;
    margin: 12px 10px 0 0;
    width: 16px;
    z-index: 4000;
    zoom: 1;
}

.ui-sortable .jarviswidget-sortable > header {
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 0px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    cursor: move;
    line-height: normal;
}

.ui-sortable .jarviswidget-sortable.jarviswidget-collapsed > header {
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.jarviswidget-ctrls {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}

.jarviswidget-ctrls .button-icon {
    border-left: 1px solid rgba(0, 0, 0, 0.09);
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    height: 32px;
    min-width: 30px;
    position: relative;
}

.jarviswidget-ctrls .button-icon:hover { background-color: rgba(0, 0, 0, 0.05); }

.jarviswidget-loader {
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    float: right;
    font-size: 111%;
    height: 32px;
    line-height: 32px;
    margin: 0;
    text-align: center;
    width: 32px;
}

/*
	 * CONTENT
	 */

.jarviswidget > div {
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-bottom-color: #CCC !important;
    border-left-color: #CCC !important;
    border-radius: 0px;
    border-right-color: #CCC !important;
    border-style: solid;
    border-top: none;
    border-width: 1px 1px 2px 1px;
    float: left;
    font-size: 13px;
    margin: 0;
    overflow: visible;
    padding: 13px 13px 0px;
    position: relative;
    width: 100%;
}

.jarviswidget .widget-body {
    min-height: 100px;
    padding-bottom: 13px;
    position: relative;
}

.jarviswidget .widget-body.widget-hide-overflow { overflow: hidden; }

.widget-toolbar.no-border { border-left: none; }

.widget-body.no-padding { margin: -13px -13px 0px; }

.widget-body.no-padding .alert {
    -moz-border-radius: 0px !important;
    -moz-box-shadow: none !important;
    -webkit-border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    border-radius: 0px !important;
    border-width: 0px 0px 1px !important;
    box-shadow: none !important;
    margin: 0 0 10px;
    padding: 10px;
}

.jarviswidget.well.transparent .widget-body.no-padding { margin: 0px !important; }

.widget-body > table { margin-bottom: 0; }

.widget-body.no-padding .cke_chrome,
.no-padding .md-editor { border: none; }

.widget-toolbar > .smart-form { margin-top: 2px; }

.widget-toolbar > .smart-form .toggle:last-child {
    font-size: 12px;
    line-height: 29px;
}

.widget-toolbar > .smart-form .radio input + i,
.widget-toolbar > .smart-form .checkbox input + i,
.widget-toolbar > .smart-form .toggle input + i {
    -moz-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
    -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
    border-color: #C7C7C7 !important;
    border-width: 1px;
    box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
    margin-top: 1px;
}

/*
	 * WELL WIDGET
	 */

.jarviswidget.well { margin: 0 0 30px 0; }

.jarviswidget.well > div {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    box-shadow: none !important;
}

.jarviswidget.well header { display: none; }

/*
	 * WIDGET FOOTER
	 */

.widget-footer {
    background-color: #F8F7F7;
    border-top: 1px solid #E4E4E4;
    display: block;
    margin: 0px -13px -13px;
    min-height: 32px;
    padding: 5px;
    position: relative;
    text-align: right;
    vertical-align: middle;
}

.no-padding .widget-footer { margin: 0; }

.widget-footer.smart-form > label {
    display: block;
    margin-top: 4px;
}

/*
	 * EDIT BOX
	 */

.jarviswidget-editbox {
    display: none;
    padding: 10px;
}

/*.jarviswidget-editbox div {
		width: 100%;
		float: left;
		margin-bottom: 0;
	}
	.jarviswidget-editbox label {
		width: 80px;
		height: 26px;
		float: left;
		line-height: 26px;
		font-weight: bold;
		margin-bottom:0;
	}
	.jarviswidget-editbox input {
		width: 200px;
		height: 24px;
		padding: 0 5px;
		border: 1px solid #666;
	}
	.jarviswidget-editbox span {
		height: 26px;
		width: 26px;
		float: left;
		margin: 0 5px 0 0;
		cursor: pointer;
	}*/

/*
	 * TIMESTAMP
	 */

.jarviswidget-timestamp {
    color: #868686;
    font-size: 12px;
    font-style: italic;
    margin: 10px 0 0;
}

/*
	 * HELPERS
	 */

.jarviswidget-placeholder {
    -khtml-border-radius: 0px;
    -khtml-box-sizing: border-box;
    -moz-border-radius: 0px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-border-radius: 0px;
    -webkit-box-sizing: border-box;
    border-radius: 0px;
    box-sizing: border-box;
    margin-bottom: 28px;
    /* adjusted from 28px */
    padding: 0;
}

/*
	 * FULL SCREEN
	 */

body.nooverflow {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

#jarviswidget-fullscreen-mode {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050;
}

#jarviswidget-fullscreen-mode .jarviswidget {
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
}

#jarviswidget-fullscreen-mode .jarviswidget > div {
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow-y: scroll;
}

#jarviswidget-fullscreen-mode > div > header { cursor: default; }

/*
	 * WIDGET BODY TOOLBAR
	 */

.widget-body-toolbar,
.smart-form.widget-body-toolbar {
    background: #fafafa;
    border-bottom: 1px solid #ccc;
    display: block;
    margin: -13px -13px 13px;
    min-height: 42px;
    padding: 8px 10px;
}

.no-padding.widget-body-toolbar,
.no-padding .widget-body-toolbar,
.no-padding .smart-form.widget-body-toolbar {
    display: block;
    margin: 0px;
}

.widget-body-toolbar.smart-form .inline-group,
.smart-form .widget-body-toolbar .inline-group {
    float: left;
    margin-top: 4px;
}

.widget-body-toolbar .btn { vertical-align: middle; }

.widget-body-toolbar .btn-xs { margin-top: 5px; }

/*
	 * WIDGET BODY AJAX LOAD
	 */

.widget-body-ajax-loading::before {
    background: rgba(255, 255, 255, 0.4);
    color: #fff;
    content: url('../img/ajax-loader.gif');
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    padding-top: 18%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.widget-body-ajax-loading:hover { cursor: wait !important; }

/*
	 * STYLING
	 * Default
	 */

.jarviswidget > header {
    background: #fafafa;
    border: 1px solid #C2C2C2;
    color: #333;
}

.jarviswidget > div { background-color: #fff !important; }

.jarviswidget-editbox {
    background-color: #fff;
    border-bottom: 1px solid #B1B1B1;
    margin: -13px -13px 13px;
}

.no-padding .jarviswidget-editbox { margin: 0 0 10px; }

.jarviswidget-placeholder {
    background-color: #FFC;
    border: 1px dashed #A7A7A7;
}

/*
	 * CUSTOM STYLES
	 */

/* remove colors */

.jarviswidget-remove-colors {
    background: none !important;
    color: #333 !important;
    padding: 0 !important;
}

/* magenta theme */

.jarviswidget-color-magenta > header {
    background: #6e3671;
    border-color: #643167 !important;
    color: #ffffff;
}

.jarviswidget-color-magenta > header > .jarviswidget-ctrls a,
.jarviswidget-color-magenta .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-magenta .nav-tabs li a:hover { color: #333 !important; }

/* pink theme */

.jarviswidget-color-pink > header {
    background: #ac5287;
    border-color: #a24d7f !important;
    color: #ffffff;
}

.jarviswidget-color-pink > header > .jarviswidget-ctrls a,
.jarviswidget-color-pink .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-pink .nav-tabs li a:hover { color: #333 !important; }

/* pinkDark theme */

.jarviswidget-color-pinkDark > header {
    background: #a8829f;
    border-color: #a27998 !important;
    color: #ffffff;
}

.jarviswidget-color-pinkDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-pinkDark .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-pinkDark .nav-tabs li a:hover { color: #333 !important; }

/* yellow theme */

.jarviswidget-color-yellow > header {
    background: #b09b5b;
    border-color: #aa9452 !important;
    color: #ffffff;
}

.jarviswidget-color-yellow > header > .jarviswidget-ctrls a,
.jarviswidget-color-yellow .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-yellow .nav-tabs li a:hover { color: #333 !important; }

/* orange theme */

.jarviswidget-color-orange > header {
    background: #c79121;
    border-color: #ba871f !important;
    color: #ffffff;
}

.jarviswidget-color-orange > header > .jarviswidget-ctrls a,
.jarviswidget-color-orange .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-orange .nav-tabs li a:hover { color: #333 !important; }

/* orangeDark theme */

.jarviswidget-color-orangeDark > header {
    background: #b6841e;
    border-color: #b1811d !important;
    color: #ffffff;
}

.jarviswidget-color-orangeDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-orangeDark .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-orangeDark .nav-tabs li a:hover { color: #333 !important; }

/* darken theme */

.jarviswidget-color-darken > header {
    background: #404040;
    border-color: #383838 !important;
    color: #ffffff;
}

.jarviswidget-color-darken > header > .jarviswidget-ctrls a,
.jarviswidget-color-darken > .nav-tabs > li:not(.active) > a { color: #ffffff !important; }

.jarviswidget-color-darken .nav-tabs li a:hover { color: #333 !important; }

/* purple theme */

.jarviswidget-color-purple > header {
    background: #6e587a;
    border-color: #665271 !important;
    color: #ffffff;
}

.jarviswidget-color-purple > header > .jarviswidget-ctrls a,
.jarviswidget-color-purple .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-purple .nav-tabs li a:hover { color: #333 !important; }

/* teal theme */

.jarviswidget-color-teal > header {
    background: #568a89;
    border-color: #508180 !important;
    color: #ffffff;
}

.jarviswidget-color-teal > header > .jarviswidget-ctrls a,
.jarviswidget-color-teal .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-teal .nav-tabs li a:hover { color: #333 !important; }

/* teal theme */

.jarviswidget-color-blueDark > header {
    background: #4c4f53;
    border-color: #45474b !important;
    color: #ffffff;
}

.jarviswidget-color-blueDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-blueDark .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-blueDark .nav-tabs li a:hover { color: #333 !important; }

/* blue theme */

.jarviswidget-color-blue > header {
    background: #4c4f53;
    border-color: #45474b !important;
    color: #ffffff;
}

.jarviswidget-color-blue > header > .jarviswidget-ctrls a,
.jarviswidget-color-blue .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-blue .nav-tabs li a:hover { color: #333 !important; }

/* blueLight theme */

.jarviswidget-color-blueLight > header {
    background: #cbd2d5;
    border-color: #a0aeb3 !important;
    color: #000000;
}

.jarviswidget-color-blueLight > header > .jarviswidget-ctrls a,
.jarviswidget-color-blueLight .nav-tabs li:not(.active) a { color: #2b363c !important; }

.jarviswidget-color-blueLight .nav-tabs li a:hover { color: #2b363c !important; }

/* red theme */

.jarviswidget-color-red > header {
    background: #a90329;
    border-color: #9a0325 !important;
    color: #ffffff;
}

.jarviswidget-color-red > header > .jarviswidget-ctrls a,
.jarviswidget-color-red .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-red .nav-tabs li a:hover { color: #333 !important; }

/* redLight theme */

.jarviswidget-color-redLight > header {
    background: #a65858;
    border-color: #9c5353 !important;
    color: #ffffff;
}

.jarviswidget-color-redLight > header > .jarviswidget-ctrls a,
.jarviswidget-color-redLight .nav-tabs li:not(.active) a { color: #fff !important; }

.jarviswidget-color-redLight .nav-tabs li a:hover { color: #333 !important; }

/* white theme */

.jarviswidget-color-white > header {
    background: #ffffff;
    border-color: #cccccc !important;
    color: #666666;
}

.jarviswidget-color-white > header > .jarviswidget-ctrls a,
.jarviswidget-color-white .nav-tabs li:not(.active) a { color: #808080 !important; }

.jarviswidget-color-white .nav-tabs li a:hover { color: #808080 !important; }

/* greenDark theme */

.jarviswidget-color-greenDark > header {
    background: #496949;
    border-color: #436043 !important;
    color: #ffffff;
}

.jarviswidget-color-greenDark > header > .jarviswidget-ctrls a,
.jarviswidget-color-greenDark .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-greenDark .nav-tabs li a:hover { color: #333 !important; }

/* green theme */

.jarviswidget-color-green > header {
    background: #356e35;
    border-color: #306430 !important;
    color: #ffffff;
}

.jarviswidget-color-green > header > .jarviswidget-ctrls a,
.jarviswidget-color-green .nav-tabs li:not(.active) a { color: #ffffff !important; }

.jarviswidget-color-green .nav-tabs li a:hover { color: #333 !important; }

/* greenLight theme */

.jarviswidget-color-greenLight > header {
    background: #71843f;
    border-color: #687a3a !important;
    color: #ffffff;
}

.jarviswidget-color-greenLight > header > .jarviswidget-ctrls a,
.jarviswidget-color-greenLight .nav-tabs li:not(.active) a { color: #fff !important; }

.jarviswidget-color-greenLight .nav-tabs li a:hover { color: #333 !important; }

/* 
	 * WIDGET COLOR DROPDOWN
	 * 
	 */

.color-select {
    list-style: none;
    margin: 0;
    max-width: 156px;
    min-width: 166px;
    padding: 4px;
    right: -3px;
}

.color-select li {
    display: block;
    float: left;
    margin: 2px;
}

.color-select li span:hover { border: 3px solid rgba(0, 0, 0, 0.2); }

.color-select li span,
.color-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #333;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 22px;
    padding: 0;
    width: 22px;
}

.color-box {
    background: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    outline: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    vertical-align: middle;
}

.color-box:hover,
.open .color-box { outline: 1px solid rgba(0, 0, 0, 0.1) !important; }

.color-box:hover {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
}

.color-box:active {
    left: 1px;
    top: 1px;
}

.widget-toolbar > .color-box {
    height: 18px;
    margin-top: 7px;
    outline: 1px solid rgba(0, 0, 0, 0.2);
    width: 18px;
}

.widget-toolbar .dropdown-menu.color-select { right: -1px; }

.widget-toolbar > .color-box:hover,
.widget-toolbar > .color-box:active,
.widget-toolbar > .color-box:focus { outline: 1px solid rgba(0, 0, 0, 0.25) !important; }

/*
	 * ICONS
	 */

.jarviswidget-ctrls a {
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

/*
	 * RTL - SUPPORT
	 
	
	.rtl .jarviswidget > header {
		padding: 0 7px 0 0;
	}
	.rtl .jarviswidget > header h2 {
		float: right;
		text-align: right
	}
	.rtl .jarviswidget > header .jarviswidget-icon {
		float: right;
		margin: 12px 0 0 7px;
	}
	.rtl .jarviswidget-ctrls {
		float: left;
		padding: 10px 0 0 3px;
		margin: 0;
	}
	.rtl .jarviswidget-ctrls .button-icon {
		margin: 0 0 5px 5px;
	}
	.rtl .jarviswidget-loader {
		float: left;
	}*/

/*
	 * CLEARFIX
	 */

.jarviswidget:before,
.jarviswidget:after,
.jarviswidget > div:before,
.jarviswidget > div:after,
.inner-spacer:before,
.inner-spacer:after,
.jarviswidget-editbox:before,
.jarviswidget-editbox:after,
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.jarviswidget:after,
.jarviswidget > div:after,
.inner-spacer:after,
.jarviswidget-editbox:after,
.clearfix:after { clear: both; }

.jarviswidget,
.jarviswidget > div,
.inner-spacer:after,
.jarviswidget-editbox,
.clearfix {
    zoom: 1;
    /*IE*/
}

/*
	 * WIDGET TOOLBARS
	 */

.widget-toolbar {
    border-left: 1px solid rgba(0, 0, 0, 0.09);
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    width: auto;
}

.widget-toolbar > :first-child { text-align: left; }

/*
	 * WIDGET TOOLBAR COMPONENTS
	 */

/*
		 * TABS
		 */

.jarviswidget header .nav-tabs { border-bottom-color: transparent; }

.jarviswidget header .nav-tabs > li > a {
    border: none;
    border-radius: 0px;
    padding: 7px 15px 6px;
}

.jarviswidget header:first-child .nav-tabs { float: left; }

.jarviswidget header:first-child .nav-tabs li { padding-left: 0; }

.jarviswidget header:first-child .nav-tabs li a { color: #333; }

.jarviswidget header:first-child .nav-tabs.pull-right li:last-child a {
    border-right: none !important;
    margin-right: 0px !important;
}

.jarviswidget header .nav-tabs > li.active > a,
.jarviswidget header .nav-tabs > li.active > a:hover,
.jarviswidget header .nav-tabs > li.active > a:focus {
    background-color: #FFF;
    border: 1px solid #C2C2C2;
    border-bottom-color: transparent;
    border-top: none;
    color: #555;
    cursor: default;
}

/*
		 * PILLS
		 */

.jarviswidget header .nav-pills { margin: 3px; }

.jarviswidget header .nav-pills > li > a { padding: 3px 5px 4px; }

/*
		 * BTN GROUPS
		 */

.widget-toolbar .btn-group { margin-top: -3px; }

/*
		 * BTNs
		 */

.widget-toolbar > .btn {
    font-size: 12px !important;
    margin-top: -3px;
    padding: 1px 8px !important;
}

/*
		 * INPUT
		 */

.widget-toolbar .smart-form label.checkbox,
.widget-toolbar .smart-form label.radio { line-height: 29px; }

/*
		 * LABELS
		 */

.widget-toolbar > .label {
    display: inline-block;
    font-size: 12px;
    margin-top: -3px;
    padding: 4px 7px;
    text-align: center;
    vertical-align: middle;
}

/*
		 * BADGE
		 */

.widget-toolbar > .badge {
    border-radius: 50%;
    font-size: 14px;
    font-weight: normal;
    min-width: 24px;
    padding: 5px 5px;
    text-align: center !important;
}

/*
		 * PROGRESS BARS
		 */

.widget-toolbar .progress {
    -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #D1D1D1 inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
    font-size: 12px;
    height: 18px !important;
    margin: 7px 0 0 0;
    width: 130px;
}

.widget-toolbar .progress-bar { font-size: 12px; }

/*
		 * PAGINATION
		 */

.widget-toolbar .pagination { margin: 4px 0; }

.widget-toolbar .pagination > li > a { padding: 2px 7px; }

/*
		 * TEXT INPUT
		 */

.widget-toolbar .widget-text-input { max-width: 220px; }

.widget-toolbar input[type='text'] {
    height: 28px !important;
    margin-top: 2px;
}

.widget-toolbar.smart-form .icon-append,
.widget-toolbar.smart-form .icon-prepend,
.widget-toolbar .smart-form .icon-append,
.widget-toolbar .smart-form .icon-prepend { top: 3px !important; }

/*
 * Enhancements for other plugins 
 */

#jarviswidget-fullscreen-mode .fc-grid .fc-day-number {
    font-size: 40px;
    padding: 5px 12px;
}

/* jquery.Jcrop.css v2.0.4 - MIT License */

/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/

.jcrop-active {
    -moz-box-sizing: border-box;
    -ms-touch-action: none;
    box-sizing: border-box;
    direction: ltr;
    text-align: left;
}

.jcrop-dragging {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.jcrop-selection { z-index: 2; }

.jcrop-selection.jcrop-current { z-index: 4; }

.jcrop-border {
    background: #ffffff url("Jcrop.gif");
    filter: alpha(opacity=50) !important;
    font-size: 0 !important;
    line-height: 1px !important;
    opacity: 0.5 !important;
    overflow: hidden;
    position: absolute;
}

.jcrop-border.ord-w,
.jcrop-border.ord-e,
.jcrop-border.ord-n { top: 0px; }

.jcrop-border.ord-n,
.jcrop-border.ord-s {
    height: 1px !important;
    width: 100%;
}

.jcrop-border.ord-w,
.jcrop-border.ord-e {
    height: 100%;
    width: 1px !important;
}

.jcrop-border.ord-e { right: -1px; }

.jcrop-border.ord-n { top: -1px; }

.jcrop-border.ord-w { left: -1px; }

.jcrop-border.ord-s { bottom: -1px; }

.jcrop-selection { position: absolute; }

.jcrop-box {
    background: none;
    border: none;
    display: block;
    font-size: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.jcrop-box:hover { background: none; }

.jcrop-box:active { background: none; }

.jcrop-box:focus { outline: 1px rgba(128, 128, 128, 0.65) dotted; }

.jcrop-active,
.jcrop-box { position: relative; }

.jcrop-box {
    cursor: move;
    height: 100%;
    width: 100%;
}

.jcrop-handle {
    background-color: rgba(49, 28, 28, 0.58);
    border: 1px #eee solid;
    filter: alpha(opacity=80) !important;
    font-size: 0;
    height: 9px;
    opacity: 0.8 !important;
    position: absolute;
    width: 9px;
    z-index: 4;
}

.jcrop-handle.ord-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    top: 0;
}

.jcrop-handle.ord-s {
    bottom: 0;
    cursor: s-resize;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
}

.jcrop-handle.ord-e {
    cursor: e-resize;
    margin-right: -5px;
    margin-top: -5px;
    right: 0;
    top: 50%;
}

.jcrop-handle.ord-w {
    cursor: w-resize;
    left: 0;
    margin-left: -5px;
    margin-top: -5px;
    top: 50%;
}

.jcrop-handle.ord-nw {
    cursor: nw-resize;
    left: 0;
    margin-left: -5px;
    margin-top: -5px;
    top: 0;
}

.jcrop-handle.ord-ne {
    cursor: ne-resize;
    margin-right: -5px;
    margin-top: -5px;
    right: 0;
    top: 0;
}

.jcrop-handle.ord-se {
    bottom: 0;
    cursor: se-resize;
    margin-bottom: -5px;
    margin-right: -5px;
    right: 0;
}

.jcrop-handle.ord-sw {
    bottom: 0;
    cursor: sw-resize;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
}

.jcrop-touch .jcrop-handle {
    background-color: rgba(49, 28, 28, 0.58);
    border: 1px #eee solid;
    filter: alpha(opacity=80) !important;
    font-size: 0;
    height: 18px;
    opacity: 0.8 !important;
    position: absolute;
    width: 18px;
    z-index: 4;
}

.jcrop-touch .jcrop-handle.ord-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    top: 0;
}

.jcrop-touch .jcrop-handle.ord-s {
    bottom: 0;
    cursor: s-resize;
    left: 50%;
    margin-bottom: -10px;
    margin-left: -10px;
}

.jcrop-touch .jcrop-handle.ord-e {
    cursor: e-resize;
    margin-right: -10px;
    margin-top: -10px;
    right: 0;
    top: 50%;
}

.jcrop-touch .jcrop-handle.ord-w {
    cursor: w-resize;
    left: 0;
    margin-left: -10px;
    margin-top: -10px;
    top: 50%;
}

.jcrop-touch .jcrop-handle.ord-nw {
    cursor: nw-resize;
    left: 0;
    margin-left: -10px;
    margin-top: -10px;
    top: 0;
}

.jcrop-touch .jcrop-handle.ord-ne {
    cursor: ne-resize;
    margin-right: -10px;
    margin-top: -10px;
    right: 0;
    top: 0;
}

.jcrop-touch .jcrop-handle.ord-se {
    bottom: 0;
    cursor: se-resize;
    margin-bottom: -10px;
    margin-right: -10px;
    right: 0;
}

.jcrop-touch .jcrop-handle.ord-sw {
    bottom: 0;
    cursor: sw-resize;
    left: 0;
    margin-bottom: -10px;
    margin-left: -10px;
}

.jcrop-dragbar {
    font-size: 0;
    position: absolute;
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 9px !important;
    width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    top: 0px;
    width: 9px !important;
}

.jcrop-dragbar.ord-n {
    cursor: n-resize;
    margin-top: -5px;
    top: 0px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    cursor: s-resize;
    margin-bottom: -5px;
}

.jcrop-dragbar.ord-e {
    cursor: e-resize;
    margin-right: -5px;
    right: 0;
}

.jcrop-dragbar.ord-w {
    cursor: w-resize;
    margin-left: -5px;
}

.jcrop-shades {
    left: 0;
    position: relative;
    top: 0;
}

.jcrop-shades div { cursor: crosshair; }

.jcrop-noresize .jcrop-dragbar,
.jcrop-noresize .jcrop-handle { display: none; }

.jcrop-selection.jcrop-nodrag .jcrop-box,
.jcrop-nodrag .jcrop-shades div { cursor: default; }

.jcrop-light .jcrop-border {
    background: #fff;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}

.jcrop-light .jcrop-handle {
    background-color: #000;
    border-color: #ffffff;
}

.jcrop-dark .jcrop-border {
    background: #000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
    background-color: #fff;
    border-color: #000000;
}

.solid-line .jcrop-border { background: #ffffff; }

.jcrop-thumb {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
    display: block;
    left: 100%;
    margin-left: 20px;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    top: 0;
    z-index: 200;
}

.jcrop-active img,
.jcrop-thumb img,
.jcrop-thumb canvas {
    max-height: none;
    max-width: none;
    min-height: none;
    min-width: none;
}

.jcrop-hl-active .jcrop-border {
    filter: alpha(opacity=20) !important;
    opacity: 0.2 !important;
}

.jcrop-hl-active .jcrop-handle {
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important;
}

.jcrop-hl-active .jcrop-selection:hover .jcrop-border {
    background-color: #ccc;
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
}

.jcrop-hl-active .jcrop-selection.jcrop-current .jcrop-border {
    background: #808080 url('Jcrop.gif');
    filter: alpha(opacity=35) !important;
    opacity: .35 !important;
}

.jcrop-hl-active .jcrop-selection.jcrop-current .jcrop-handle {
    filter: alpha(opacity=30) !important;
    opacity: 0.3 !important;
}

.jcrop-hl-active .jcrop-selection.jcrop-focus .jcrop-border {
    background: url('Jcrop.gif');
    filter: alpha(opacity=65) !important;
    opacity: .65 !important;
}

.jcrop-hl-active .jcrop-selection.jcrop-focus .jcrop-handle {
    filter: alpha(opacity=60) !important;
    opacity: 0.6 !important;
}

button.jcrop-box { background: none; }

.inline-labels label { margin-left: 10px; }

.jcrop-holder {
    direction: ltr;
    text-align: left;
}

/* Selection Border */

.jcrop-vline,
.jcrop-hline {
    background: #ffffff url("../img/jcrop/Jcrop.gif");
    font-size: 0;
    position: absolute;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

.jcrop-vline.right { right: 0; }

.jcrop-hline {
    height: 1px !important;
    width: 100%;
}

.jcrop-hline.bottom { bottom: 0; }

/* Invisible click targets */

.jcrop-tracker {
    /* "turn off" link highlight */
    -webkit-tap-highlight-color: transparent;
    /* disable callout, image save panel */
    -webkit-touch-callout: none;
    /* disable cut copy paste */
    -webkit-user-select: none;
    height: 100%;
    width: 100%;
}

/* Selection Handles */

.jcrop-handle {
    background-color: #333333;
    border: 1px #eeeeee solid;
    font-size: 1px;
    height: 7px;
    width: 7px;
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px;
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%;
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%;
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0;
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0;
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0;
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px;
}

/* Dragbars */

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord-n { margin-top: -4px; }

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord-w { margin-left: -4px; }

/* The "jcrop-light" class/extension */

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #ffffff;
    filter: alpha(opacity=70) !important;
    opacity: .70 !important;
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000000;
    border-color: #ffffff;
    border-radius: 3px;
}

/* The "jcrop-dark" class/extension */

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000000;
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #ffffff;
    border-color: #000000;
    border-radius: 3px;
}

/* Simple macro to turn off the antlines */

.solid-line .jcrop-vline,
.solid-line .jcrop-hline { background: #ffffff; }

/* Fix for twitter bootstrap et al. */

.jcrop-holder {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}

.modal .jcrop-holder {
    display: block;
    float: none !important;
    margin: 0px !important;
}

.jcrop-holder img,
img.jcrop-preview { max-width: none; }

/* custom */

.jcrop-handle { position: absolute; }

.jcrop-active {
    float: left;
    position: relative;
}

.jcrop-selection { position: absolute; }

.jcrop-dragbar,
.jcrop-border {
    background: #ffffff url("../img/jcrop/Jcrop.gif");
    position: absolute;
}

.jcrop-border.ord-n,
.jcrop-dragbar.ord-n {
    cursor: n-resize;
    height: 1px;
    left: 0;
    margin: 0;
    right: 0;
    top: 0;
}

.jcrop-border.ord-s,
.jcrop-dragbar.ord-s {
    bottom: 0;
    cursor: s-resize;
    height: 1px;
    left: 0;
    margin: 0;
    right: 0;
}

.jcrop-border.ord-e,
.jcrop-border.ord-w,
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    bottom: 0;
    cursor: e-resize;
    margin: 0;
    top: 0;
    width: 1px;
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    background: none;
    height: 7px;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    background: none;
    width: 7px;
}

.jcrop-border.ord-e,
.jcrop-dragbar.ord-e { right: 0; }

.jcrop-border.ord-w,
.jcrop-dragbar.ord-w { left: 0; }

.jcrop-box {
    background: none;
    border: 0;
    cursor: move;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*Grid*/

.ui-jqgrid {
    border: 1px solid #333 !important;
    margin: 0px;
    overflow: hidden;
    position: relative;
}

.ui-jqgrid .ui-jqgrid-view {
    font-size: 11px;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
}

/* caption*/

.ui-jqgrid .ui-jqgrid-titlebar {
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
    background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
    background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
    background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
    background-repeat: repeat-x;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    font-size: 12px;
    padding: 12px 13px;
    position: relative;
}

.ui-jqgrid .ui-jqgrid-caption { text-align: left; }

.ui-jqgrid .ui-jqgrid-title {
    color: #333;
    font-size: 15px;
}

.ui-jqgrid .ui-jqgrid-titlebar-close {
    cursor: pointer;
    margin: -10px 0 0 0;
    padding: 1px;
    position: absolute;
    right: 10px !important;
    top: 50%;
    width: 19px;
}

.ui-jqgrid .ui-jqgrid-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }

/* header*/

.ui-jqgrid .ui-jqgrid-hdiv {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: relative;
}

.ui-jqgrid .ui-jqgrid-hbox {
    float: left;
    padding-right: 20px;
}

.ui-jqgrid .ui-jqgrid-htable {
    margin: 0;
    table-layout: fixed;
}

.ui-jqgrid .ui-jqgrid-htable th { padding: 0 2px 0 2px; }

.ui-jqgrid .ui-jqgrid-htable th div {
    overflow: hidden;
    position: relative;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: none;
    border: none;
}

tr.ui-jqgrid-labels {
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    font-size: 12px;
}

.ui-th-column,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    border-bottom: 0 none;
    border-top: 0 none;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}

.ui-th-ltr,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border-left: 0 none; }

.ui-th-rtl,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl { border-right: 0 none; }

.ui-first-th-ltr { border-right: 1px solid; }

.ui-first-th-rtl { border-left: 1px solid; }

.ui-jqgrid .ui-th-div-ie {
    white-space: nowrap;
    zoom: 1;
}

.ui-jqgrid .ui-jqgrid-resize {
    cursor: e-resize;
    display: inline;
    height: 20px !important;
    overflow: hidden;
    position: relative;
}

.ui-jqgrid .ui-grid-ico-sort {
    cursor: pointer !important;
    display: inline;
    overflow: hidden;
    position: absolute;
    right: 0px;
}

.ui-jqgrid .ui-icon-asc {
    margin-top: -4px;
    right: -1px;
}

.ui-jqgrid .ui-icon-desc {
    height: 12px;
    margin-top: 3px;
}

.ui-jqgrid .ui-i-asc {
    height: 16px;
    margin-top: 0;
}

.ui-jqgrid .ui-i-desc {
    height: 16px;
    margin-left: 13px;
    margin-top: 0;
}

.ui-jqgrid .ui-jqgrid-sortable { cursor: pointer; }

.ui-jqgrid tr.ui-search-toolbar th {
    border-top-color: inherit !important;
    border-top-style: ridge !important;
    border-top-width: 1px !important;
}

tr.ui-search-toolbar input { margin: 1px 0 0 0; }

tr.ui-search-toolbar select { margin: 1px 0 0 0; }

/* body */

.ui-jqgrid .ui-jqgrid-bdiv {
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    text-align: left;
}

.ui-jqgrid .ui-jqgrid-btable {
    margin: 0;
    outline-style: none;
    table-layout: fixed;
}

.ui-jqgrid tr.jqgrow { outline-style: none; }

.ui-jqgrid tr.jqgroup { outline-style: none; }

.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
}

.ui-jqgrid tr.jqgfirstrow td {
    border-right-style: solid;
    border-right-width: 1px;
    padding: 0 2px 0 2px;
}

.ui-jqgrid tr.jqgroup td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
}

.ui-jqgrid tr.jqfoot td {
    font-weight: bold;
    overflow: hidden;
    white-space: pre;
}

.ui-jqgrid tr.ui-row-ltr td { text-align: left; }

.ui-jqgrid tr.ui-row-rtl td { text-align: right; }

.ui-jqgrid td.jqgrid-rownum {
    border: 0 none;
    margin: 0;
    padding: 0 2px 0 2px;
}

.ui-jqgrid .ui-jqgrid-resize-mark {
    background-color: #777;
    border: 0 none;
    cursor: e-resize;
    cursor: col-resize;
    display: none;
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 99999;
}

/* footer */

.ui-jqgrid .ui-jqgrid-sdiv {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.ui-jqgrid .ui-jqgrid-ftable {
    margin-bottom: 0;
    table-layout: fixed;
}

.ui-jqgrid tr.footrow td {
    font-weight: bold;
    height: 21px;
    overflow: hidden;
    padding: 0 2px 0 2px;
    white-space: nowrap;
}

.ui-jqgrid tr.footrow-ltr td {
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 1px;
    text-align: left;
}

.ui-jqgrid tr.footrow-rtl td {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 1px;
    text-align: right;
}

/* Pager*/

.ui-jqgrid .ui-jqgrid-pager {
    border-bottom: 0 none !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 1px solid #D3D3D3;
    font-size: 11px;
    height: 25px;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    white-space: nowrap;
}

.ui-jqgrid .ui-pager-control { position: relative; }

.ui-jqgrid .ui-pg-table {
    margin: 0;
    padding-bottom: 2px;
    position: relative;
    width: auto;
}

.ui-jqgrid .ui-pg-table td {
    font-weight: normal;
    padding: 1px;
    vertical-align: middle;
}

.ui-jqgrid .ui-pg-button { height: 19px !important; }

.ui-jqgrid .ui-pg-button span {
    display: block;
    float: left;
    margin: 1px;
}

.ui-jqgrid .ui-pg-button:hover { /*padding: 0;*/ }

.ui-jqgrid .ui-state-disabled:hover { padding: 1px; }

.ui-jqgrid .ui-pg-input {
    font-size: .8em;
    height: 13px;
    margin: 0;
}

.ui-jqgrid .ui-pg-selbox {
    display: block;
    font-size: .8em;
    height: 18px;
    line-height: 18px;
    margin: 0;
}

.ui-jqgrid .ui-separator {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: right;
    height: 18px;
    margin: 1px;
}

.ui-jqgrid .ui-paging-info {
    font-weight: normal;
    height: 19px;
    margin-right: 4px;
    margin-top: 3px;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    float: left;
    padding: 1px 0;
    position: relative;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor: pointer; }

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
    float: left;
    margin: 0 2px;
}

.ui-jqgrid td input,
.ui-jqgrid td select .ui-jqgrid td textarea { margin: 0; }

.ui-jqgrid td textarea {
    height: auto;
    width: auto;
}

.ui-jqgrid .ui-jqgrid-toppager {
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
    height: 25px !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    white-space: nowrap;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
    float: left;
    padding: 1px 0;
    position: relative;
}

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor: pointer; }

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
    float: left;
    margin: 0 2px;
}

/*subgrid*/

.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span { display: block; }

.ui-jqgrid .ui-subgrid {
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-jqgrid .ui-subgrid table { table-layout: fixed; }

.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
    border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 1px;
    height: 18px;
}

.ui-jqgrid .ui-subgrid td.subgrid-data { border-top: 0 none !important; }

.ui-jqgrid .ui-subgrid td.subgrid-cell { border-width: 0 0 1px 0; }

.ui-jqgrid .ui-th-subgrid { height: 20px; }

/* loading */

.ui-jqgrid .loading {
    border-width: 2px !important;
    display: none;
    font-size: 11px;
    font-weight: bold;
    left: 45%;
    margin: 5px;
    padding: 6px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: auto;
    z-index: 101;
}

.ui-jqgrid .jqgrid-overlay {
    display: none;
    z-index: 100;
}

/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */

* .jqgrid-overlay iframe {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/

/* end loading div */

/* toolbar */

.ui-jqgrid .ui-userdata {
    border-left: 0 none;
    border-right: 0 none;
    height: 21px;
    overflow: hidden;
}

/*Modal Window */

.ui-jqdialog {
    display: none;
    font-size: 11px;
    overflow: visible;
    padding: .2em;
    position: absolute;
    width: 300px;
}

.ui-jqdialog .ui-jqdialog-titlebar {
    padding: .3em .2em;
    position: relative;
}

.ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; }

.ui-jqdialog .ui-jqdialog-titlebar-close {
    cursor: pointer;
    height: 18px;
    margin: -10px 0 0 0;
    padding: 1px;
    position: absolute;
    top: 50%;
    width: 19px;
}

.ui-jqdialog .ui-jqdialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover,
.ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }

.ui-jqdialog-content,
.ui-jqdialog .ui-jqdialog-content {
    background: none;
    border: 0;
    height: auto;
}

.ui-jqdialog .ui-jqconfirm {
    border-width: 3px;
    bottom: 10px;
    display: none;
    height: 80px;
    overflow: visible;
    padding: .4em 1em;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 220px;
}

.ui-jqdialog > .ui-resizable-se {
    bottom: -3px;
    right: -3px;
}

.ui-jqgrid > .ui-resizable-se {
    bottom: -3px;
    right: -3px;
}

/* end Modal window*/

/* Form edit */

.ui-jqdialog-content .FormGrid { margin: 0; }

.ui-jqdialog-content .EditTable {
    margin-bottom: 0;
    width: 100%;
}

.ui-jqdialog-content .DelTable {
    margin-bottom: 0;
    width: 100%;
}

.EditTable td input,
.EditTable td select,
.EditTable td textarea { margin: 0; }

.EditTable td textarea {
    height: auto;
    width: auto;
}

.ui-jqdialog-content td.EditButton {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: right;
}

.ui-jqdialog-content td.navButton {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

.ui-jqdialog-content input.FormElement { padding: 0.3em; }

.ui-jqdialog-content select.FormElement { padding: 0.3em; }

.ui-jqdialog-content .data-line {
    border: 0 none;
    padding-top: .1em;
}

.ui-jqdialog-content .CaptionTD {
    border: 0 none;
    padding: 2px;
    vertical-align: middle;
    white-space: nowrap;
}

.ui-jqdialog-content .DataTD {
    border: 0 none;
    padding: 2px;
    vertical-align: top;
}

.ui-jqdialog-content .form-view-data { white-space: pre; }

.fm-button {
    cursor: pointer;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: .4em .5em;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    zoom: 1;
}

.fm-button-icon-left { padding-left: 1.9em; }

.fm-button-icon-right { padding-right: 1.9em; }

.fm-button-icon-left .ui-icon {
    left: .2em;
    margin-left: 0;
    margin-top: -8px;
    position: absolute;
    right: auto;
    top: 50%;
}

.fm-button-icon-right .ui-icon {
    left: auto;
    margin-left: 0;
    margin-top: -8px;
    position: absolute;
    right: .2em;
    top: 50%;
}

#nData,
#pData {
    float: left;
    margin: 3px;
    padding: 0;
    width: 15px;
}

/* End Eorm edit */

/*.ui-jqgrid .edit-cell {}*/

.ui-jqgrid .selected-row,
div.ui-jqgrid .selected-row td {
    border-left: 0 none;
    font-style: normal;
}

/* inline edit actions button*/

.ui-inline-del.ui-state-hover span,
.ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span,
.ui-inline-cancel.ui-state-hover span { margin: -1px; }

/* Tree Grid */

.ui-jqgrid .tree-wrap {
    float: left;
    height: 18px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.ui-jqgrid .tree-minus {
    height: 18px;
    overflow: hidden;
    position: absolute;
    width: 18px;
}

.ui-jqgrid .tree-plus {
    height: 18px;
    overflow: hidden;
    position: absolute;
    width: 18px;
}

.ui-jqgrid .tree-leaf {
    height: 18px;
    overflow: hidden;
    position: absolute;
    width: 18px;
}

.ui-jqgrid .treeclick { cursor: pointer; }

/* moda dialog */

* iframe.jqm {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

/*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/

.ui-jqgrid-dnd tr td {
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 1px;
    height: 20px;
}

/* RTL Support */

.ui-jqgrid .ui-jqgrid-caption-rtl { text-align: right; }

.ui-jqgrid .ui-jqgrid-hbox-rtl {
    float: right;
    padding-left: 20px;
}

.ui-jqgrid .ui-jqgrid-resize-ltr {
    float: right;
    margin: -2px -2px -2px 0;
}

.ui-jqgrid .ui-jqgrid-resize-rtl {
    float: left;
    margin: -2px 0 -1px -3px;
}

.ui-jqgrid .ui-sort-rtl { left: 0; }

.ui-jqgrid .tree-wrap-ltr { float: left; }

.ui-jqgrid .tree-wrap-rtl { float: right; }

.ui-jqgrid .ui-ellipsis {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* Toolbar Search Menu */

.ui-search-menu {
    padding: 2px 5px;
    position: absolute;
}

.ui-jqgrid .ui-search-table {
    border: 0 none;
    height: 20px;
    padding: 0;
    width: 100%;
}

.ui-jqgrid .ui-search-table .ui-search-oper { width: 20px; }

a.g-menu-item,
a.soptclass,
a.clearsearchclass { cursor: pointer; }

.ui-jqgrid .ui-search-table .ui-search-input > input,
.ui-jqgrid .ui-search-table .ui-search-input > select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea,
.ui-jqgrid .ui-jqgrid-view button { font-size: 11px; }

/*
 * CUSTOM
 */

.ui-jqgrid {
    border: 1px solid #ccc !important;
    margin: 0px;
    overflow: hidden;
    position: relative;
}

.ui-jqgrid tr.ui-row-ltr td,
.ui-jqgrid tr.ui-row-ltr,
.ui-jqgrid table { border-left: none !important; }

.ui-jqgrid tr.ui-row-ltr td {
    font-size: 13px !important;
    padding: 6px 4px;
}

.ui-jqgrid .ui-jqgrid-titlebar { border-bottom: 1px solid #BEBEBE; }

.ui-jqgrid .ui-jqgrid-view input { margin: 0px !important; }

.ui-jqgrid .ui-jqgrid-htable th {
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -ms-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
}

.ui-jqgrid .ui-jqgrid-htable th div {
    background: none;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-top: 5px;
}

.ui-jqgrid .ui-jqgrid-pager {
    font-size: 12px;
    height: auto;
    padding: 4px !important;
}

.ui-jqgrid tr.jqgrow {
    font-size: 12px;
    height: 30px;
}

.ui-jqgrid .ui-jqgrid-view button,
.ui-jqgrid .ui-jqgrid-view input,
.ui-jqgrid .ui-jqgrid-view select,
.ui-jqgrid .ui-jqgrid-view textarea {
    /*font-size: 13px;
	padding: 4px;
	margin: 5px 2px;*/
}

.jqgrid-new-row {
    background-color: #A8E798 !important;
    border-color: #7E9E64 !important;
    color: #1B641B !important;
}

.ui-jqdialog-content .DataTD { padding-bottom: 5px; }

.ui-jqdialog-content .DataTD:last-child { padding-bottom: 10px; }

.ui-jqgrid .ui-jqgrid-bdiv {
    /*overflow-x:hidden;
	height:300px !important;*/
    background: #fff;
}

.ui-jqgrid .ui-state-hover td { background: #ecf3f8 !important; }

.ui-jqgrid .ui-pg-button { height: auto !important; }

.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
    font-size: inherit;
    height: auto;
}

.ui-jqgrid .ui-state-highlight td {
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    color: #3a87ad !important;
}

.ui-jqgrid .ui-state-highlight + .ui-widget-content > td { border-top-color: #bce8f1; }

/*
 * VECTOR MAP
 */

.jvectormap-label {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #292929;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    color: white;
    display: none;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
    position: absolute;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    background: #292929;
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    font-size: 14px;
    height: 22px;
    line-height: 10px;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 22px;
}

.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover {
    background: #eeeeee;
    border-color: #d9d9d9;
}

.jvectormap-zoomin { top: 0px; }

.jvectormap-zoomout { top: 24px; }

.vector-map {
    height: 300px;
    padding: 10px;
    width: 100%;
}

#heat-fill {
    background: #333333;
    background-image: url();
    display: block;
    height: 7px;
    margin-bottom: 20px;
    position: relative;
    width: 200px;
}

.fill-a,
.fill-b {
    background: #ffffff;
    display: block;
    font-weight: bold;
    left: 0px;
    margin-top: -7px;
    overflow: hidden;
    padding-right: 4px;
    position: absolute;
    text-align: right;
    text-overflow: ellipsis;
    width: 20px;
}

.fill-b {
    left: auto;
    padding-left: 4px;
    padding-right: 0px;
    position: absolute;
    right: 0px;
    text-align: left;
    top: 0px;
    width: 60px;
}

/*!
 * Select2 4.0.1
 * https://select2.github.io
 *
 * Released under the MIT license
 * https://github.com/select2/select2/blob/master/LICENSE.md
 */

.select2-container {
    display: inline-block;
    *display: inline;
    margin: 0;
    position: relative;
    vertical-align: middle;
    /* inline-block for ie7 */
    zoom: 1;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    /* webkit */
    -moz-box-sizing: border-box;
    /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
    -webkit-box-sizing: border-box;
    /* firefox */
    box-sizing: border-box;
    /* css3 */
}

.select2-selection,
.select2-container .select2-choice {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #444;
    display: block;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
    /* rtl settings */
}

.smart-rtl .select2-selection,
.smart-rtl .select2-container .select2-choice {
    margin-right: -1px;
    text-align: right;
}

.select2-container--above .select2-selection,
.select2-container.select2-drop-above .select2-choice { border-bottom-color: #ccc; }

.select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-choice abbr {
    border: 0;
    /*background: url('@{base-url}/select2.png') right top no-repeat;*/
    cursor: pointer;
    display: none;
    font-size: 1px;
    height: 12px;
    outline: 0;
    position: absolute;
    right: 24px;
    text-decoration: none;
    top: 8px;
    width: 12px;
}

.select2-container.select2-allowclear .select2-choice abbr { display: inline-block; }

.select2-container .select2-choice abbr:hover {
    /*background-position: right -11px;*/
    cursor: pointer;
}

.select2-drop-mask {
    /* styles required for IE to work */
    background: #fff;
    border: 0;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 9998;
}

.select2-dropdown,
.select2-drop {
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    color: #000;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
    /* rtl settings */
}

.smart-rtl .select2-dropdown,
.smart-rtl .select2-drop {
    direction: rtl;
    text-align: right;
}

.select2-drop-auto-width {
    border-top: 1px solid #ccc;
    width: auto;
}

.select2-container--open .select2-dropdown--above .select2-search,
.select2-drop-auto-width .select2-search { padding-top: 4px; }

.select2-container--open .select2-dropdown.select2-dropdown--above,
.select2-drop.select2-drop-above {
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    border-bottom: 0;
    border-top: 1px solid #5D98CC;
    border-top-width: 3px;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    margin-bottom: 0px;
    margin-top: 1px;
}

.select2-container--open .select2-dropdown,
.select2-drop-active {
    border: 1px solid #5D98CC;
    border-bottom-width: 3px;
    border-top: none;
}

.select2-container--open .select2-dropdown--above,
.select2-drop.select2-drop-above.select2-drop-active { border-top-width: 3px; }

.select2-selection__arrow,
.select2-container .select2-choice .select2-arrow {
    background: #eee;
    background-clip: padding-box;
    border-left: 1px solid #ccc;
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    /* rtl settings */
}

.smart-rtl .select2-selection__arrow,
.smart-rtl .select2-container .select2-choice .select2-arrow {
    border-left: none;
    border-right: 1px solid #ccc;
    left: 0;
    right: auto;
}

.select2-selection__arrow b,
.select2-container .select2-choice .select2-arrow b {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 100%;
    line-height: 1;
    position: relative;
    width: 100%;
}

.select2-selection__arrow b:before,
.select2-container .select2-choice .select2-arrow b:before {
    content: "\f107";
    display: block;
    height: 100%;
    text-align: center;
    width: 100%;
}

.select2-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.select2-search input {
    -webkit-box-shadow: none;
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
    background: -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    background: -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    background: linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    border: 1px solid #aaa;
    box-shadow: none;
    font-family: sans-serif;
    font-size: 1em;
    height: auto !important;
    margin: 0;
    min-height: 29px;
    outline: 0;
    padding: 6px 20px 5px 10px;
    width: 100%;
    /* rtl settings */
}

.smart-rtl .select2-search input { padding: 6px 10px 5px 20px; }

.select2-search:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #686868 !important;
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-top: -8px;
    position: absolute;
    right: 10px;
    top: 50%;
    /* rtl settings */
}

.smart-rtl .select2-search:before {
    left: 10px;
    right: auto;
}

.select2-drop.select2-drop-above .select2-search:before { margin-top: -5px; }

.select2-drop.select2-drop-above .select2-search input { margin-top: 4px; }

.select2-drop.select2-drop-above .select2-search:before { top: 34%; }

.select2-search input.select2-active {
    background: #ffffff url('../img/select2-spinner.gif') no-repeat 100%;
    background: url('../img/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
    background: url('../img/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    background: url('../img/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
    background: url('../img/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.select2-container--open .select2-selection,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5D98CC;
    outline: none;
}

.select2-container--open .select2-selection,
.select2-dropdown-open .select2-choice {
    -webkit-box-shadow: 0 1px 0 #fff inset;
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 1px 0 #fff inset;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5D98CC;
    border-top-color: transparent;
}

.select2-container--open .select2-selection .select2-selection__arrow,
.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}

.select2-container--open .select2-selection .select2-selection__arrow b,
.select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; }

/* results */

.select2-results {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: block;
    margin: 4px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results__options--nested .select2-results__option,
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; }

.select2-results li {
    background-image: none;
    display: list-item;
    list-style: none;
}

.select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; }

.select2-results__options--nested .select2-results__option,
.select2-results .select2-results__group,
.select2-results .select2-result-label {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    cursor: pointer;
    display: block;
    margin: 0;
    min-height: 1em;
    padding: 3px 7px 4px;
    user-select: none;
}

.select2-results__option--highlighted,
.select2-results .select2-highlighted {
    background: #3276b1;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em { background: transparent; }

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding: 3px 5px;
}

.select2-no-results { padding-left: 20px; }

.select2-no-results:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f05a";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/

.select2-results .select2-disabled.select2-highlighted {
    background: #f4f4f4;
    color: #666;
    cursor: default;
    display: list-item;
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    cursor: default;
    display: list-item;
}

.select2-results .select2-selected { display: none; }

.select2-more-results.select2-active { background: #f4f4f4 url('../img/select2-spinner.gif') no-repeat 100%; }

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr { display: none; }

/* multiselect */

.select2-selection--multiple,
.select2-container-multi .select2-choices {
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.select2-locked { padding: 3px 5px 3px 5px !important; }

.select2-container-multi .select2-choices { min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5D98CC;
    outline: none;
}

.select2-selection__choice,
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
    /* rtl settings */
}

.smart-rtl .select2-selection__choice,
.smart-rtl .select2-container-multi .select2-choices li { float: right; }

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    -webkit-box-shadow: none;
    background: transparent !important;
    border: 0;
    box-shadow: none;
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
    margin: 1px 0;
    outline: 0;
    padding: 5px;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #ffffff url('../img/select2-spinner.gif') no-repeat 100% !important; }

.select2-default { color: #999 !important; }

.select2-selection__choice,
.select2-container-multi .select2-choices .select2-search-choice {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-clip: padding-box;
    background-color: #3276b1;
    border: 1px solid #2a6395;
    color: #fff;
    cursor: default;
    line-height: 18px;
    margin: 4px 0 3px 5px;
    padding: 1px 28px 1px 8px;
    position: relative;
    user-select: none;
    /* rtl settings */
}

.smart-rtl .select2-selection__choice,
.smart-rtl .select2-container-multi .select2-choices .select2-search-choice { margin: 4px 5px 3px 0; }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus { opacity: .8; }

.select2-selection__clear,
.select2-search-choice-close { display: none; }

.select2-selection__choice__remove,
.select2-container-multi .select2-search-choice-close {
    display: block;
    padding: 3px 4px 3px 6px;
    right: 0;
    top: 0;
}

.select2-selection__choice__remove:before {
    content: "\f057";
    display: block;
    font-size: 15px;
}

.select2-selection__choice__remove {
    font-family: FontAwesome;
    font-size: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    min-height: 20px;
    min-width: 21px;
    position: absolute;
    text-decoration: none !important;
}

.select2-selection__rendered { padding: 0; }

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent none repeat scroll 0 0;
    border: 0;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 100%;
    margin-top: 0;
    outline: 0;
    padding: 0;
    /* rtl settings */
}

.smart-rtl .select2-container--default .select2-search--inline .select2-search__field { text-align: right; }

.select2-container .select2-search--inline {
    float: left;
    line-height: 28px;
    width: auto;
    /* rtl settings */
}

.smart-rtl .select2-container .select2-search--inline { float: right; }

.select2-container .select2-search--inline:before { display: none !important; }

.select2-selection__choice__remove:hover,
.select2-container-multi .select2-search-choice-close:hover { background: rgba(0, 0, 0, 0.3); }

/*
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}*/

/* disabled styles */

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    background-color: #86b4dd;
    background-image: none;
    border: 1px solid #4a90cc;
    cursor: not-allowed;
    padding: 3px 5px;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    background: none;
    display: none;
}

/* end multiselect */

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match { text-decoration: underline; }

.select2-offscreen,
.select2-offscreen:focus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    left: 0px !important;
    margin: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0px !important;
    width: 1px !important;
}

.select2-hidden-accessible,
.select2-display-none { display: none; }

.select2-measure-scrollbar {
    height: 100px;
    left: -10000px;
    overflow: scroll;
    position: absolute;
    top: -10000px;
    width: 100px;
}

/*
 * ADJUSTMENTS
 */

.has-error .select2-choice,
.has-error .select2-container .select2-choice .select2-arrow,
.has-error .select2-container-multi .select2-choices { border-color: #b94a48; }

.has-error .select2-container .select2-choice .select2-arrow {
    background: #f2dede;
    color: #b94a48;
}

.has-error .select2-dropdown-open .select2-choice { border-color: #5D98CC !important; }

.select2-drop.select2-drop-above.select2-drop-active { margin-top: 2px; }

.editable-input > .select2-container { min-width: 200px; }

/* style sheets */

.ui-chatbox {
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px;
    bottom: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px;
    position: fixed;
    z-index: 959;
}

.ui-chatbox-titlebar {
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    background: #474544 !important;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    color: #ffffff !important;
    cursor: pointer;
    font-weight: normal;
    height: 36px;
    line-height: normal;
    padding: 0px;
}

.ui-chatbox-titlebar > span {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 36px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

.ui-chatbox-titlebar > span > :first-child {
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    padding: 5px;
}

.ui-chatbox-titlebar.online > span > i { background: #54ce3c; }

.ui-chatbox-titlebar.busy > span > i { background: #f14b52; }

.ui-chatbox-titlebar.away > span > i { background: #ffc40d; }

.ui-chatbox-titlebar.incognito > span > i { background: #a19e9d; }

.ui-chatbox-titlebar.ui-state-focus {
    background: #201f1f !important;
    color: #ffffff;
}

.ui-chatbox-content {
    border: 0px !important;
    margin: 0px;
    padding: 0px;
}

.ui-chatbox-content > .alert-msg {
    border-bottom: 1px dashed #D6D6D6;
    color: #C20F16;
    display: block;
    display: none;
    font-size: 11px;
    padding: 4px 10px;
    text-align: center;
}

.ui-chatbox-content.true > .alert-msg { display: block !important; }

.ui-chatbox-log {
    background: #ffffff;
    border: none !important;
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 7px 10px;
}

.ui-chatbox-log > :first-child { margin-top: 0px; }

.ui-chatbox-input {
    border-top: 1px solid grey;
    border-width: 0px !important;
    max-width: 100% !important;
    overflow: hidden;
    padding: 3px;
    width: 100% !important;
}

.ui-chatbox-input-box {
    background-color: rgba(48, 126, 204, 0.05) !important;
    border: 1px solid !important;
    /* #6699FF */
    border-color: #666666 #ccc #ccc #ccc !important;
    height: 50px;
    margin: 2px;
    outline: none;
    padding: 2px;
    resize: none;
}

.ui-chatbox-icon {
    border-left: 1px solid rgba(0, 0, 0, 0.09);
    color: #fff !important;
    float: right;
    font-size: 14px;
    height: 36px;
    line-height: 26px;
    min-width: 30px;
    padding: 5px 9px;
}

.ui-chatbox-icon.ui-state-hover {
    background-color: rgba(0, 0, 0, 0.07) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.09) !important;
}

.ui-chatbox-input-focus {
    background-color: #fff !important;
    border-color: #5D98CC !important;
}

.ui-chatbox-msg {
    clear: both;
    float: left;
    margin-top: 10px;
    /* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Firefox */
    white-space: -pre-wrap;
    /* Opera <7 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* IE */
}

/*
 * IN THE MENU
 */

.chat-users > ul:before,
.chat-users li:before { border: none; }

.chat-users .display-users {
    display: block;
    padding: 0px 15px;
}

.chat-users .display-users a[data-chat-id] {
    font-size: 13px;
    margin: 1px 0px;
    padding: 4px 6px;
}

.chat-users .display-users [data-chat-id]:hover { background: rgba(255, 255, 255, 0.1); }

.chat-users .display-users [data-chat-id] > i {
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    padding: 5px;
    width: auto !important;
}

.chat-users .display-users [data-chat-status="away"] > i { background: #ffc40d; }

[data-chat-status="away"] + .popover .usr-card > img { border-left-color: #ffc40d; }

.chat-users .display-users [data-chat-status="online"] > i { background: #54ce3c; }

[data-chat-status="online"] + .popover .usr-card > img { border-left-color: #54ce3c; }

.chat-users .display-users [data-chat-status="incognito"] > i { background: #a19e9d; }

[data-chat-status="incognito"] + .popover .usr-card > img { border-left-color: #a19e9d; }

.chat-users .display-users [data-chat-status="busy"] > i { background: #f14b52; }

[data-chat-status="busy"] + .popover .usr-card > img { border-left-color: #f14b52; }

.display-users > dl { margin: 0px; }

.chat-user-filter {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 14px;
    height: 27px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 3px 4px;
}

/*
 * POPOVER STYLE
 */

[data-chat-id] + .popover {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    font-weight: normal !important;
    margin-left: 14px;
    min-width: 250px;
}

[data-chat-id] + .popover .popover-content { padding: 8px; }

/*
 * USER CARD
 */

.usr-card { position: relative; }

.usr-card > img {
    border-left: 3px solid #fff;
    display: inline-block;
}

.usr-card-content {
    display: inline-block;
    margin-top: -3px;
    max-width: 174px;
    padding-left: 5px;
    vertical-align: top;
}

.usr-card-content > :first-child {
    color: #3276b1;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
}

.usr-card-content > p { margin: 0px; }

.usr-card-content > p > small {
    color: #7E7E7E;
    display: block;
}

/*
 * DEMO BUTTON
 */

.sa-chat-learnmore-btn {
    background: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #C2C2C2;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 3px 0px !important;
}

/*! X-editable - v1.5.0 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */

.editableform {
    margin-bottom: 0;
    /* overwrites bootstrap margin */
}

.editableform .control-group {
    margin-bottom: 0;
    /* overwrites bootstrap margin */
    white-space: nowrap;
    /* prevent wrapping buttons on new line */
}

.editable-buttons {
    display: inline-block;
    *display: inline;
    margin-left: 7px;
    /* should be inline to take effect of parent's white-space: nowrap */
    vertical-align: top;
    /* inline-block emulation for IE7*/
    zoom: 1;
}

.editable-buttons.editable-buttons-bottom {
    display: block;
    margin-left: 0;
    margin-top: 7px;
}

.editable-input {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    /* bootstrap-responsive has width: 100% that breakes layout */
    white-space: normal;
    /* should be inline to take effect of parent's white-space: nowrap */
    width: auto;
    /* reset white-space decalred in parent*/
    /* display-inline emulation for IE7*/
    zoom: 1;
}

.editable-buttons .editable-cancel { margin-left: 7px; }

/*for jquery-ui buttons need set height to look more pretty*/

.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px;
}

.editableform-loading {
    background: url('../img/loading.gif') center center no-repeat;
    height: 25px;
    min-width: 25px;
    width: auto;
}

.editable-inline .editableform-loading { background-position: left 5px; }

.editable-error-block {
    margin: 5px 0 0 0;
    max-width: 300px;
    white-space: normal;
    width: auto;
}

/*add padding for jquery ui*/

.editable-error-block.ui-state-error { padding: 3px; }

.editable-error { color: red; }

/* ---- For specific types ---- */

.editableform .editable-date {
    float: left;
    margin: 0;
    padding: 0;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */

.editable-inline .add-on .icon-th {
    margin-left: 1px;
    margin-top: 3px;
}

/* checklist vertical alignment */

.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
    margin: 0;
    vertical-align: middle;
}

.editable-checklist label { white-space: nowrap; }

/* set exact width of textarea to fit buttons toolbar */

.editable-wysihtml5 {
    height: 250px;
    width: 566px;
}

/* clear button shown as link in date inputs */

.editable-clear {
    clear: both;
    font-size: 0.9em;
    text-align: right;
    text-decoration: none;
}

/* IOS-style clear button for text inputs */

.editable-clear-x {
    background: url('../img/clear.png') center center no-repeat;
    display: block;
    height: 13px;
    margin-top: -6px;
    opacity: 0.6;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 13px;
    z-index: 100;
}

.editable-clear-x:hover { opacity: 1; }

.editable-pre-wrapped { white-space: pre-wrap; }

.editable-container.editable-popup {
    max-width: none !important;
    /* without this rule poshytip/tooltip does not stretch */
}

.editable-container.popover {
    width: auto;
    /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    width: auto;
    /* inline-block emulation for IE7*/
    zoom: 1;
}

.editable-container.ui-widget {
    font-size: inherit;
    /* jqueryui widget font 1.1em too big, overwrite it */
    z-index: 9990;
    /* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click,
a.editable-click,
a.editable-click:hover {
    border-bottom: dashed 1px #0088cc;
    text-decoration: none;
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
    border-bottom: none;
    color: #585858;
    cursor: default;
}

.editable-empty,
.editable-empty:hover,
.editable-empty:focus {
    color: #DD1144;
    font-style: italic;
    /* border-bottom: none; */
    text-decoration: none;
}

.editable-unsaved { font-weight: bold; }

.editable-unsaved:after { /*    content: '*'*/ }

.editable-bg-transition {
    -moz-transition: background-color 1400ms ease-out;
    -ms-transition: background-color 1400ms ease-out;
    -o-transition: background-color 1400ms ease-out;
    -webkit-transition: background-color 1400ms ease-out;
    transition: background-color 1400ms ease-out;
}

/*see https://github.com/vitalets/x-editable/issues/139 */

.form-horizontal .editable {
    display: inline-block;
    padding-top: 5px;
}

/*
 * x-editable CSS
 */

.editable-address {
    display: block;
    margin-bottom: 5px;
}

.editable-address span {
    display: inline-block;
    width: 70px;
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.editable-input .datepicker {
    left: 0;
    padding: 4px;
    top: 0;
    /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}

.editable-input .datepicker:before {
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: '';
    display: inline-block;
    left: 6px;
    position: absolute;
    top: -7px;
}

.editable-input .datepicker:after {
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    display: inline-block;
    left: 7px;
    position: absolute;
    top: -6px;
}

.editable-input .datepicker > div { display: none; }

.editable-input .datepicker table {
    margin: 0;
    min-width: 214px;
    width: 100%;
}

.editable-input .datepicker td,
.editable-input .datepicker th {
    height: 20px;
    text-align: center;
    width: 24px;
}

.editable-input .datepicker td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.editable-input .datepicker td.day.disabled { color: #555555; }

.editable-input .datepicker td.old,
.editable-input .datepicker td.new { color: #555555; }

.editable-input .datepicker td.active,
.editable-input .datepicker td.active:hover {
    background: #3276b1;
    border-radius: 3px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.editable-input .datepicker td span {
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 2px;
    width: 47px;
}

.editable-input .datepicker td span:hover { background: #eeeeee; }

.editable-input .datepicker td span.active {
    background: #3276b1;
    border-radius: 3px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.editable-input .datepicker td span.old { color: #555555; }

.editable-input .datepicker th.switch { width: 145px; }

.editable-input .datepicker th.next,
.editable-input .datepicker th.prev { font-size: 19.5px; }

.editable-input .datepicker thead tr:first-child th { cursor: pointer; }

.editable-input .datepicker thead tr:first-child th:hover { background: #eeeeee; }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}

.editable-input .datepicker .next i,
.datepicker .prev i {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.editable-input .datepicker .prev i:before { content: "\f060"; }

.editable-input .datepicker .next i:before { content: "\f061"; }

/*Messagebox */

.divMessageBox {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

.MessageBoxContainer {
    background-color: #232323;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 20px;
    position: relative;
    top: 35%;
    width: 100%;
}

.MessageBoxMiddle {
    left: 20%;
    position: relative;
    width: 60%;
}

.MessageBoxMiddle .MsgTitle {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
}

.MessageBoxMiddle .pText { font-size: 13px; }

.MessageBoxContainer input {
    padding: 5px;
    width: 50%;
}

.MessageBoxContainer select {
    padding: 5px;
    width: 50%;
}

.MessageBoxButtonSection {
    height: 30px;
    width: 100%;
}

.MessageBoxButtonSection button {
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

/* End of MessageBox */

.LoadingBoxContainer {
    background-color: #232323;
    color: white;
    position: relative;
    top: 20%;
    width: 100%;
}

.LoadingBoxMiddle {
    left: 20%;
    padding: 10px;
    position: relative;
    width: 50%;
}

.LoadingBoxContainer .MsgTitle { font-size: 26px; }

.LoadingBoxContainer .pText { font-size: 13px; }

#LoadingPoints { position: absolute; }

/* bigBoxes */

.bigBox {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: #004d60;
    border-left: 5px solid rgba(0, 0, 0, 0.15);
    bottom: 10px;
    box-sizing: content-box;
    color: white;
    height: 150px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: fixed;
    right: 10px;
    width: 390px;
    z-index: 99999;
}

.bigBox span {
    display: block;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    padding: 5px 0 !important;
}

.bigBox p {
    font-size: 13px;
    margin-top: 10px;
}

#divMiniIcons {
    bottom: 180px;
    float: right;
    position: fixed;
    right: 10px;
    width: 415px;
    z-index: 9999;
}

.botClose {
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 16px;
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 15px;
}

.botClose:hover { opacity: 1; }

#divMiniIcons .cajita {
    background-color: #F00;
    color: #FFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 17px;
    margin-left: 4px;
    margin-top: 5px;
    padding: 4px 6px;
    text-align: center;
    vertical-align: middle;
}

#divMiniIcons .cajita:active {
    left: 1px;
    position: relative;
    top: 1px;
}

.cajita img {
    height: 23px;
    padding-left: 3px;
    padding-top: 3px;
    width: 23px;
}

.bigBox .bigboxicon {
    font-size: 30px;
    left: 6px;
    position: absolute;
    text-align: left;
    top: 120px;
    z-index: 0;
}

.bigBox .bigboxnumber {
    font-size: 25px;
    text-align: right;
    width: 100%;
}

/* End of  bigBoxes */

/* SmallBox */

#divSmallBoxes {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.SmallBox {
    border: 1px solid transparent;
    color: white;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 20px;
    width: 420px;
    z-index: 9999;
}

.SmallBox:hover {
    border: 1px solid #fff;
    cursor: pointer;
}

.SmallBox .foto {
    font-size: 50px;
    left: 17px;
    position: absolute;
}

.SmallBox .textoFull {
    float: left;
    padding-left: 20px;
    width: 93%;
}

.SmallBox .textoFoto {
    float: left;
    margin: 3px 20px 3px 80px;
    width: 78%;
}

.miniPic {
    bottom: 8px;
    position: absolute;
    right: 9px;
}

.miniIcono {
    font-size: 20px;
    height: 100%;
}

.SmallBox span {
    display: block;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    margin: 4px 0;
}

.SmallBox p {
    font-size: 13px;
    margin-top: 2px;
}

/* End of SmallBox */

#pageslide {
    -moz-shadow: inset 0 0 0px 0px #222;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #004d60;
    box-shadow: inset 0 0 0px 0px #222;
    color: #FFF;
    /* These styles MUST be included. Do not change. */
    display: none;
    height: 100%;
    padding: 20px;
    position: absolute;
    position: fixed;
    top: 0;
    /* Specify the width of your pageslide here */
    width: 305px;
    z-index: 999999;
}

.purehtml {
    color: white;
    font-size: 16px;
}

/* Mobile Phones */

@media screen and (max-width: 450px) and (max-width: 767px) {
    /* SmallBox Responsive */
    #divSmallBoxes {
        position: fixed;
        right: 0;
        top: 0;
        width: 90%;
    }

    .SmallBox { width: 95%; }

    .SmallBox:hover {
        box-shadow: 0px 0px 10px #888888;
        cursor: pointer;
    }

    .SmallBox span {
        font-size: 16px;
        /*font-weight:bold;*/
    }

    .SmallBox p {
        font-size: 12px;
        margin-top: 2px;
    }

    .SmallBox .textoFull {
        float: left;
        padding-left: 20px;
        width: 93%;
    }

    .SmallBox .textoFoto {
        float: left;
        margin: 3px 20px 3px 80px;
        width: 55%;
    }

    /* End of SmallBox Responsive*/
    /* bigBoxes Responsive */
    .bigBox {
        background-color: #004d60;
        bottom: 10px;
        color: white;
        height: 150px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        position: fixed;
        right: 10px;
        width: 88%;
        z-index: 99999;
    }

    /* End of  bigBoxes  Responsive */
    /*Messagebox Responsive */
    .divMessageBox {
        background: rgba(0, 0, 0, 0.6);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100000;
    }

    .MessageBoxContainer {
        background-color: #232323;
        color: white;
        position: relative;
        top: 25%;
        width: 100%;
    }

    .MessageBoxMiddle {
        left: 0;
        padding: 3px;
        position: relative;
        width: 100%;
    }

    .MessageBoxMiddle .MsgTitle { font-size: 22px; }

    .MessageBoxMiddle .pText { font-size: 13px; }

    .MessageBoxContainer input {
        padding: 5px;
        width: 50%;
    }

    .MessageBoxContainer select {
        padding: 5px;
        width: 50%;
    }

    .MessageBoxButtonSection {
        height: 30px;
        width: 100%;
    }

    .MessageBoxButtonSection button {
        float: right;
        margin-right: 5px;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* End of MessageBox Responsive */
}

/* Animations */

.animated {
    -moz-animation-duration: 1s;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 1s;
    -o-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.fast {
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

/*
 * SPARKLINE
 */

.jqstooltip {
    -moz-border-radius: 3px !important;
    -moz-box-sizing: content-box;
    -webkit-border-radius: 3px !important;
    -webkit-box-sizing: content-box;
    background-color: #000000 !important;
    border: none !important;
    border-radius: 3px !important;
    box-sizing: content-box;
    padding: 7px !important;
}

.jqstooltip .jqsfield {
    font-family: "Segoe UI", "Open Sans", Calibri, Candara, Arial, sans-serif;
    font-size: 11px;
}

#sparks {
    display: block;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    text-align: right;
}

#sparks li {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    max-height: 47px;
    overflow: hidden;
    text-align: left;
}

#sparks li h5 {
    border: none;
    color: #555;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: -3px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

#sparks li span {
    color: #636363;
    display: block;
}

#sparks li {
    border-left: 1px dotted #c7c7c7;
    padding: 0 10px;
}

#sparks li:last-child { padding-right: 0; }

#sparks li:first-child {
    border-left: none;
    padding-left: 0;
}

.sparks-info { min-width: 70px; }

.sparks-info span {
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    text-transform: none;
}

.sparks-info .sparkline {
    display: block;
    float: right;
    margin: 3px 0 0 20px;
}

/* width 100% */

[data-sparkline-width="100%"] > canvas { width: 100% !important; }

/* adjustment */

.dataTable [data-sparkline-width="100%"] > canvas { max-width: 60px !important; }

/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/

@font-face {
    font-family: "summernote";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/summernote.eot");
    src: url("../fonts/summernote.eot?#iefix") format("embedded-opentype"), url("../fonts/summernote.woff") format("woff"), url("../fonts/summernote.ttf") format("truetype");
}

[class^="note-icon-"]:before,
[class*=" note-icon-"]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal normal normal 14px summernote;
    font-size: inherit;
    speak: none;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none;
}

.note-icon-align-center:before { content: "\f101"; }

.note-icon-align-indent:before { content: "\f102"; }

.note-icon-align-justify:before { content: "\f103"; }

.note-icon-align-left:before { content: "\f104"; }

.note-icon-align-outdent:before { content: "\f105"; }

.note-icon-align-right:before { content: "\f106"; }

.note-icon-align:before { content: "\f107"; }

.note-icon-arrows-alt:before { content: "\f108"; }

.note-icon-bold:before { content: "\f109"; }

.note-icon-caret:before { content: "\f10a"; }

.note-icon-chain-broken:before { content: "\f10b"; }

.note-icon-circle:before { content: "\f10c"; }

.note-icon-close:before { content: "\f10d"; }

.note-icon-code:before { content: "\f10e"; }

.note-icon-eraser:before { content: "\f10f"; }

.note-icon-font:before { content: "\f110"; }

.note-icon-frame:before { content: "\f111"; }

.note-icon-italic:before { content: "\f112"; }

.note-icon-link:before { content: "\f113"; }

.note-icon-magic:before { content: "\f114"; }

.note-icon-menu-check:before { content: "\f115"; }

.note-icon-minus:before { content: "\f116"; }

.note-icon-orderedlist:before { content: "\f117"; }

.note-icon-pencil:before { content: "\f118"; }

.note-icon-picture:before { content: "\f119"; }

.note-icon-question:before { content: "\f11a"; }

.note-icon-redo:before { content: "\f11b"; }

.note-icon-special-character:before { content: "\f11c"; }

.note-icon-square:before { content: "\f11d"; }

.note-icon-strikethrough:before { content: "\f11e"; }

.note-icon-subscript:before { content: "\f11f"; }

.note-icon-summernote:before { content: "\f120"; }

.note-icon-superscript:before { content: "\f121"; }

.note-icon-table:before { content: "\f122"; }

.note-icon-text-height:before { content: "\f123"; }

.note-icon-trash:before { content: "\f124"; }

.note-icon-underline:before { content: "\f125"; }

.note-icon-undo:before { content: "\f126"; }

.note-icon-unorderedlist:before { content: "\f127"; }

.note-icon-video:before { content: "\f128"; }

/* Theme Variables
 ------------------------------------------*/

/* Layout
 ------------------------------------------*/

.note-editor {
    position: relative;
    /* dropzone */
}

.note-editor .note-dropzone {
    background-color: white;
    color: #87cefa;
    display: none;
    opacity: 0.95;
    pointer-event: none;
    position: absolute;
    z-index: 100;
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.note-editor .note-dropzone.hover { color: #098ddf; }

.note-editor.dragover .note-dropzone { display: table; }

.note-editor .note-editing-area { position: relative; }

.note-editor .note-editing-area .note-editable { outline: none; }

.note-editor .note-editing-area .note-editable sup { vertical-align: super; }

.note-editor .note-editing-area .note-editable sub { vertical-align: sub; }

/* Frame mode layout
------------------------------------------*/

.note-editor.note-frame {
    border: 1px solid #a9a9a9;
    /* codeview mode */
    /* fullscreen mode */
    /* statusbar */
}

.note-editor.note-frame.codeview .note-editing-area .note-editable { display: none; }

.note-editor.note-frame.codeview .note-editing-area .note-codable { display: block; }

.note-editor.note-frame .note-editing-area {
    overflow: hidden;
    /* editable */
    /* codeable */
}

.note-editor.note-frame .note-editing-area .note-editable {
    color: #000;
    overflow: auto;
    padding: 10px;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] { background-color: #e5e5e5; }

.note-editor.note-frame .note-editing-area .note-codable {
    -moz-border-radius: 0;
    -moz-box-sizing: border-box;
    /* override BS2 default style */
    -ms-box-sizing: border-box;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    background-color: #222;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #ccc;
    display: none;
    font-family: Menlo, Monaco, monospace, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    padding: 10px;
    resize: none;
    width: 100%;
}

.note-editor.note-frame.fullscreen {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1050;
    /* bs3 modal-backdrop: 1030, bs2: 1040 */
}

.note-editor.note-frame.fullscreen .note-editable { background-color: white; }

.note-editor.note-frame.fullscreen .note-resizebar { display: none; }

.note-editor.note-frame .note-statusbar {
    background-color: #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.note-editor.note-frame .note-statusbar .note-resizebar {
    cursor: ns-resize;
    height: 8px;
    padding-top: 1px;
    width: 100%;
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    border-top: 1px solid #a9a9a9;
    margin: 1px auto;
    width: 20px;
}

.note-editor.note-frame .note-placeholder { padding: 10px; }

/* Popover
------------------------------------------*/

.note-popover.popover { max-width: none; }

.note-popover.popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* for FF */
    vertical-align: middle;
    white-space: nowrap;
    /* for FF */
}

.note-popover.popover .arrow { left: 20px !important; }

/* Popover and Toolbar (Button container)
------------------------------------------*/

.note-popover .popover-content,
.panel-heading.note-toolbar {
    margin: 0;
    padding: 0 0 5px 5px;
    /* dropdown-menu for toolbar and popover */
    /* color palette for toolbar and popover */
}

.note-popover .popover-content > .btn-group,
.panel-heading.note-toolbar > .btn-group {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px;
}

.note-popover .popover-content .btn-group .note-table,
.panel-heading.note-toolbar .btn-group .note-table {
    min-width: 0;
    padding: 5px;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker { font-size: 18px; }

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
    cursor: pointer;
    height: 10em;
    position: absolute !important;
    width: 10em;
    z-index: 3;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
    background: url('') repeat;
    height: 5em;
    position: relative !important;
    width: 5em;
    z-index: 1;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
    background: url('') repeat;
    height: 1em;
    position: absolute !important;
    width: 1em;
    z-index: 2;
}

.note-popover .popover-content .note-style h1,
.panel-heading.note-toolbar .note-style h1,
.note-popover .popover-content .note-style h2,
.panel-heading.note-toolbar .note-style h2,
.note-popover .popover-content .note-style h3,
.panel-heading.note-toolbar .note-style h3,
.note-popover .popover-content .note-style h4,
.panel-heading.note-toolbar .note-style h4,
.note-popover .popover-content .note-style h5,
.panel-heading.note-toolbar .note-style h5,
.note-popover .popover-content .note-style h6,
.panel-heading.note-toolbar .note-style h6,
.note-popover .popover-content .note-style blockquote,
.panel-heading.note-toolbar .note-style blockquote { margin: 0; }

.note-popover .popover-content .note-color .dropdown-toggle,
.panel-heading.note-toolbar .note-color .dropdown-toggle {
    padding-left: 5px;
    width: 20px;
}

.note-popover .popover-content .note-color .dropdown-menu,
.panel-heading.note-toolbar .note-color .dropdown-menu { min-width: 340px; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    margin: 2px 7px;
    text-align: center;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 11px;
    margin: 3px;
    padding: 0 3px;
    width: 100%;
}

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; }

.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; }

.note-popover .popover-content .note-para .dropdown-menu,
.panel-heading.note-toolbar .note-para .dropdown-menu {
    min-width: 216px;
    padding: 5px;
}

.note-popover .popover-content .note-para .dropdown-menu > div:first-child,
.panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 5px; }

.note-popover .popover-content .dropdown-menu,
.panel-heading.note-toolbar .dropdown-menu {
    min-width: 90px;
    /* dropdown-menu right position */
    /* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */
    /* dropdown-menu for selectbox */
}

.note-popover .popover-content .dropdown-menu.right,
.panel-heading.note-toolbar .dropdown-menu.right {
    left: auto;
    right: 0;
}

.note-popover .popover-content .dropdown-menu.right::before,
.panel-heading.note-toolbar .dropdown-menu.right::before {
    left: auto !important;
    right: 9px;
}

.note-popover .popover-content .dropdown-menu.right::after,
.panel-heading.note-toolbar .dropdown-menu.right::after {
    left: auto !important;
    right: 10px;
}

.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
    color: deepskyblue;
    visibility: hidden;
}

.note-popover .popover-content .dropdown-menu.note-check li a.checked i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i { visibility: visible; }

.note-popover .popover-content .note-fontsize-10,
.panel-heading.note-toolbar .note-fontsize-10 { font-size: 10px; }

.note-popover .popover-content .note-color-palette,
.panel-heading.note-toolbar .note-color-palette { line-height: 1; }

.note-popover .popover-content .note-color-palette div .note-color-btn,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn {
    border: 1px solid #fff;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px;
}

.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; }

/* Dialog
------------------------------------------*/

.note-dialog > div {
    display: none;
    /* BS2's hide pacth. */
}

.note-dialog .form-group {
    /* overwrite BS's form-horizontal minus margins */
    margin-left: 0;
    margin-right: 0;
}

.note-dialog .note-modal-form {
    margin: 0;
    /* overwrite BS2's form margin bottom */
}

.note-dialog .note-image-dialog .note-dropzone {
    border: 4px dashed lightgray;
    /* vertical-align */
    color: lightgray;
    font-size: 30px;
    line-height: 4;
    margin-bottom: 10px;
    min-height: 100px;
    text-align: center;
}

@-moz-document url-prefix() { .note-image-input { height: auto; } }

/* Placeholder
------------------------------------------*/

.note-placeholder {
    color: gray;
    position: absolute;
}

/* Handle
------------------------------------------*/

.note-handle { /* control selection */ }

.note-handle .note-control-selection {
    border: 1px solid black;
    display: none;
    position: absolute;
}

.note-handle .note-control-selection > div { position: absolute; }

.note-handle .note-control-selection .note-control-selection-bg {
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    -webkit-opacity: 0.3;
    background-color: black;
    filter: alpha(opacity=30);
    height: 100%;
    opacity: 0.3;
    width: 100%;
}

.note-handle .note-control-selection .note-control-handle {
    border: 1px solid black;
    height: 7px;
    width: 7px;
}

.note-handle .note-control-selection .note-control-holder {
    border: 1px solid black;
    height: 7px;
    width: 7px;
}

.note-handle .note-control-selection .note-control-sizing {
    background-color: white;
    border: 1px solid black;
    height: 7px;
    width: 7px;
}

.note-handle .note-control-selection .note-control-nw {
    border-bottom: none;
    border-right: none;
    left: -5px;
    top: -5px;
}

.note-handle .note-control-selection .note-control-ne {
    border-bottom: none;
    border-left: none;
    right: -5px;
    top: -5px;
}

.note-handle .note-control-selection .note-control-sw {
    border-right: none;
    border-top: none;
    bottom: -5px;
    left: -5px;
}

.note-handle .note-control-selection .note-control-se {
    bottom: -5px;
    cursor: se-resize;
    right: -5px;
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
    border-left: none;
    border-top: none;
    cursor: default;
}

.note-handle .note-control-selection .note-control-selection-info {
    -khtml-opacity: 0.7;
    -moz-border-radius: 5px;
    -moz-opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -webkit-border-radius: 5px;
    -webkit-opacity: 0.7;
    background-color: black;
    border-radius: 5px;
    bottom: 0;
    color: white;
    filter: alpha(opacity=70);
    font-size: 12px;
    margin: 5px;
    opacity: 0.7;
    padding: 5px;
    right: 0;
}

.note-hint-popover {
    min-width: 100px;
    padding: 2px;
}

.note-hint-popover .popover-content {
    max-height: 150px;
    overflow: auto;
    padding: 3px;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
    display: block !important;
    padding: 3px;
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
    background-color: #428bca;
    clear: both;
    color: white;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 1.4;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
}

/* ADJUSTMENTS */

.no-padding .note-editor {
    border: none;
    margin: 0;
}

.note-editor .note-toolbar { border-bottom: 1px solid #a9a9a9; }

.note-editor .note-editable { background-color: rgba(48, 126, 204, 0.05); }

.note-editor .note-editable:focus { background-color: #fff; }

.note-editor .note-statusbar .note-resizebar { border-top: 1px solid #DBDBDB; }

.note-editor .note-statusbar:hover { background: #EEE; }

.note-editor .note-statusbar:active { background: #eaeaea; }

/*
	Important this file is beeen modified by Webarch
*/

/*------------------------------------*\
    SuperBox
\*------------------------------------*/

.superbox *,
.superbox *:after,
.superbox *:before {
    -moz-box-sizing: border-box;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
}

/* SuperBox */

.superbox-list {
    display: inline-block;
    *display: inline;
    padding: 5px;
    position: relative;
    width: 12.5%;
    zoom: 1;
}

.superbox-list.active:before {
    bottom: -34px;
    color: #222222;
    content: "\f0d8";
    display: block;
    font-family: FontAwesome;
    font-size: 45px;
    left: 43%;
    position: absolute;
    text-align: center;
    z-index: 2;
}

.superbox-img {
    cursor: pointer;
    max-width: 100%;
    width: 100%;
}

.superbox-show {
    background-color: #222222;
    display: none;
    float: left;
    margin: 5px 0;
    padding: 25px 0 12px 25px;
    position: relative;
    text-align: left;
    width: 100%;
}

.superbox-current-img {
    float: left;
    max-width: 100%;
    padding-bottom: 13px;
    padding-right: 25px;
}

.superbox-img:hover { opacity: 0.8; }

.superbox-float { float: left; }

.superbox-close {
    cursor: pointer;
    opacity: 0.7;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.1s linear 0s;
}

.superbox-close:hover { opacity: 1; }

.superbox-imageinfo {
    color: #fff;
    display: inline-block;
    max-width: 500px;
    padding: 0 25px 0 0;
}

.superbox-imageinfo span {
    color: #a19994;
    display: inline-block;
    font-size: 13px;
    margin-right: -2px;
    padding-bottom: 13px;
    padding-top: 10px;
}

.superbox-imageinfo > :first-child {
    font-weight: bold;
    margin-bottom: 10px;
}

.superbox-imageinfo span p:last-child { margin-top: 30px; }

@media only screen and (min-width: 320px) {
    .superbox-list { width: 50%; }
}

@media only screen and (min-width: 486px) {
    .superbox-list { width: 25%; }
}

@media only screen and (min-width: 768px) {
    .superbox-list { width: 16.66666667%; }
}

@media only screen and (min-width: 1025px) {
    .superbox-list { width: 12.5%; }
}

@media only screen and (min-width: 1824px) {
    .superbox-list { width: 12.5%; }
}

#speech-btn > :first-child { position: relative; }

.voice-command-active #speech-btn > :first-child > a {
    background: #0E70CA;
    border: 1px solid #125A9C;
    color: rgba(255, 255, 255, 0.9);
}

.voice-command-active.service-not-allowed #speech-btn > :first-child > a {
    background: #a90329;
    border: 1px solid #8B0913;
    color: rgba(255, 255, 255, 0.9);
}

.voice-command-active.service-allowed #speech-btn > :first-child > a {
    background: url('../img/voicecommand/active-btn.gif') no-repeat center center #0e70ca;
    border: 1px solid #125A9C;
    color: rgba(255, 255, 255, 0.9);
}

#speech-btn > :first-child > a + .popover {
    display: none;
    left: -113px;
    top: 42px;
    width: 255px;
}

#speech-btn > :first-child > a + .popover > .popover-content { padding: 9px 12px; }

#speech-btn > :first-child > a + .popover .btn { padding: 4px 12px; }

.vc-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px !important;
    text-align: center;
}

.vc-title-error { display: none; }

.voice-command-active.service-not-allowed .vc-title,
.voice-command-active.service-not-allowed .popover .btn,
.service-not-allowed .vc-title,
.service-not-allowed .popover .btn { display: none !important; }

.voice-command-active.service-not-allowed .vc-title-error { display: block; }

.vc-title > small { font-size: 80%; }
